3回答
是否可以使用javascriit和css创建自定义下拉框。
为此，我需要使用javascript为下拉框放置背景图像
如果是还是不是？如果是的话。有什么建议吗？
不使用JQuery
浏览 3提问于2009-05-07得票数 1
我在我的网站上有多个下拉框(选择框)-我想要对齐不同的下拉框，就像我希望一些下拉框应该在一个页面的中心，但在另一个页面上，一个不同的选择框将出现在右侧
我的设计师是在假日，所以我想尝试我自己，有人会帮助我在这方面，我不是很好的css定义部分，但我可以发挥现有的css
css就是这样编写的
select
{
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 2px;
}
我在一个像这样的页面上修改了它
select
{
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding
浏览 1提问于2014-08-03得票数 0
我有一个选择框，当我单击选择框时，它会显示选项，但下拉框的宽度超过了选择框的宽度。如何控制下拉框的宽度和高度。使用CSS或JQuery。
我尝试过通过为.selectbox option{width: 300px;}提供width属性来使用css，但它不起作用。
有什么办法可以控制选项框的宽度吗？如果选项的文本换行到下一行，则可以
请参阅我的代码
浏览 3提问于2017-08-09得票数 2
1回答
Gday全部
下面的代码根据在下拉框中选择的选项显示div。
$(document).ready(function() {
$("#SomeDropdown").change(function() {
var theVal = $("#SomeDropdown option:selected").val();
$("#SomeDiv_" + theVal).css("visibility", "visible");
});
});
当用户将鼠标悬停在下拉框中的值上时，
浏览 0提问于2009-06-15得票数 2
回答已采纳
我想在下拉列表、列表框和文本框中更改所选项目的背景颜色。这是可能的CSS吗？
谢谢
更新
刚刚尝试了这个CSS：
::-moz-selection
{
background-color:#8CCA1E;
color:Black;
}
工作对选定的文本，但不是悬停颜色或选定的项目颜色上的下拉列表或列表框。
浏览 8提问于2010-11-15得票数 3
回答已采纳
我是编码新手，一直在尝试选择一个下拉框来选择底层选项。我已经能够与这个页面上的其他下拉列表进行交互，尽管这个特定的下拉列表似乎不同，因为我无法访问它/与其交互 我已经包含了网页下拉框的快照，特定下拉框的源代码，以及我已经尝试过但遇到错误的代码。 如果有任何帮助/建议，将不胜感激。我是一个编程新手(python或HTML!)，但对Excel VBA略知一二。 网址：https://www.firstsentierinvestors.com/sg/en/retail/performance/price-and-performance.html 我试着粘贴一张照片，虽然我似乎太新了，不能直接这么做
浏览 23提问于2020-09-27得票数 0
回答已采纳
1回答
我的CSS文件根本没有触及标签'select‘，也没有CSS类与标签'select’有关。但在浏览器中显示时，包含值的下拉框显示在错误的位置，如下面的屏幕截图所示：
，为什么会这样？或者是Chrome的错误？‘因为我知道我们不能用CSS或JS改变这种下拉框的位置。我希望它回到正常位置，就在SELECT元素下面！
这是上面提到的'select‘标记的HTML部分：
<select id="sel_user">
<option value="39" >Bùi Ngọc Sơn <son.bui
浏览 2提问于2012-07-05得票数 2
回答已采纳
我有一个选择框(下拉列表)在我的webApplication，可以有至少1600个项目。我已经申请了
{ font-size: 10px; font-family: Verdana; }
CSS样式到下拉列表。但是，只有当选择框中的条目少于300项时，样式才能工作。如果项数超过300，则选项样式将成为浏览器的默认(即Arial)。
浏览 0提问于2015-09-03得票数 5
回答已采纳
2回答
如果不单击jQuery
、、、
我正在用div和span标签创建一个选择框，这样我就可以为iphones和ipads创建一个样式化的框。它工作得很好，但是一旦用户单击该框并显示下拉选择，唯一的方法是删除选择列表以选择其中一个选择，或者再次单击选择框它的self。我正在寻找一个函数，它将关闭用户单击页面上其他任何内容的选择列表，除了列表(当列表打开时)。这是我处理选项列表显示的函数。
jQuery：
$(this).children('.selectedOption,.selectDropDownArrow').click(function(){
if($(this).parent().
浏览 4提问于2014-01-14得票数 1
2回答
如何使用css将下拉列表框的默认箭头更改为不同的箭头设计？
<select name="menu">
<option>list1</option>
<option>list2</option>
</select>
浏览 0提问于2012-03-10得票数 0
4回答
数据交换-年份
、、、、
我正在修改一个简单的数据报警器。
我只想让年下拉(月份是不需要的)。
我尝试通过添加css来删除月份下拉列表：
select.custom-select {
display: none;
}
不幸的是，这不仅删除了月份下拉框，而且还删除了年份，见下文：
请参阅
浏览 2提问于2019-10-10得票数 2
回答已采纳
1回答
我使用这段代码创建了一个包含文本框的下拉菜单：https://stackoverflow.com/a/27547021 现在，我想移动这个下拉菜单的位置，以与某个tekst对齐。理想情况下，我希望它位于“Tekstpiece”的右侧。我尝试调整CSS，如下所示：https://www.w3schools.com/code/tryit.asp?filename=GDUL1WPE82S0 但是，下拉框的内容不会随框本身移动。此外，硬编码位置可能不是最好的选择。 对如何实现这一点有什么想法？
浏览 14提问于2020-04-15得票数 0
回答已采纳
通常，我不得不处理没有标题/标题的下拉列表，所以我就这样做了：
val selectDocTypeDropDown = new Select(driver.findElement(By.id("admin-select-page")))
selectDocTypeDropDown.selectByValue("245")
但是现在我需要处理标题下拉框，它的HTML/CSS如下所示：
但它不接受我上面的两句话。我该怎么做才能按价值来选择呢？
浏览 2提问于2015-10-15得票数 1
回答已采纳
2回答
我有文本框和下拉列表对，它们的id是动态生成的。我正在尝试根据下拉列表中的选择在文本框上设置css规则(类)。我在dropdown上有一个索引，它用于动态派生dropdown的id。如何在文本框上设置CSS规则。如果我尝试使用JavaScript设置类，更改直到我刷新页面才会反映出来。
我愿意使用普通的javascript或jquery，或者两者的混合。
浏览 1提问于2013-02-21得票数 0
我想根据我在下拉框中所做的选择显示第二个下拉框1我是asp.net新手，在asp.net中使用c#，我不知道java脚本和jquery，所以我知道html和CSS代码如下：
<asp:DropDownList ID="typeselect" runat="server" AutoPostBack="true" OnSelectedIndexChanged="typeselect_SelectedIndexChanged">
<asp:ListItem Selected="T
浏览 1提问于2014-01-15得票数 0
1回答
当您使用select2 (下拉jquery框架)时，您可以使用jquery进行漂亮的下拉操作。
如您所见，单个选择框有一个单独的搜索框，但multiselect有其搜索框内联。
有没有可能在multiselect中添加一个单独的搜索框？
$(".my-dropdown").select2();
.my-dropdown{
width: 50%;
clear: both;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"><
浏览 1提问于2016-09-16得票数 5
1回答
我有一个问题，一个Wordpress插件，创建了许多动态选择框“下拉框”在我的网站的单一页面。这是一个电子商务网站。插件是“复合产品”。
不幸的是，这个插件为每个下拉列表提供相同的ID和类。唉哟。
我很高兴地使用了修改过的代码版本，从这里开始-
我使用所选项目的'var‘(这是唯一的)，所选内容用于重新定义页面其他地方的CSS。
在一个单独的下拉列表(class = .component_options_select )上，我尝试通过文本或html来选择更多的选择。都失败了。我不能使用var，因为这个下拉列表的内容是巨大的和动态的。是否有更好的jquery搜索功能？
jQuery(d
浏览 2提问于2018-06-12得票数 0
我刚刚写了一个tinymce插件，它有一个下拉框。我可以通过操作高级主题(我正在使用的主题)的CSS文件来增加选择框的大小。有没有其他方法可以在不改变CSS的情况下做到这一点？例如，在实际创建选择框的javascript代码的函数中？
编辑:我在createListBox函数中创建列表框时设置了max_width属性。但它只更改dropdown中元素的宽度，而不是dropdown本身:(
浏览 10提问于2011-09-07得票数 3
2回答
我的输入框中有一个下拉菜单。当文本变得非常长时，文本和下拉文本重叠。使用css，如何确保无论文本有多长时间，下拉文本和文本都不会重叠？
当前产出：
期望产出：
用于输入框的HTML和css：
下拉列表的HTML和CSS：
浏览 3提问于2016-02-07得票数 1
我已经定制了一个下拉列表。 <select name="country">
<option value="Andorra">Andorra</option>
<option value="Albania">Albania</option>
<option value="Armenia">Armenia</option>
<option value="Austria">Au
浏览 12提问于2019-02-11得票数 2
我正在使用jquery.ddslick.min.js jQuery插件来创建带有选项图像的样式化下拉框。我还使用jquery.chained.min.js根据在第一个下拉列表中选择的值自动更新第二个复选框中的数据。
我的要求是：
将下拉框样式化，允许在选项中使用图像。
根据在第一个下拉框中选择的选项自动更新第二个下拉框中的数据。
触发显示所选选项的值的警报。
提供下拉框的滚动功能。
当前，当我在第一个选项中选择一个选项时，第二个复选框中的项没有更新。我在选择选项时触发警报也有问题；滚动功能也不能正常工作。
HTML：
<select id="inames&
浏览 4提问于2014-05-16得票数 5
回答已采纳
5回答
我正在尝试让select看起来像是基于某种条件的span。我有下面的css类，它可以很好地处理输入框，但它不能处理下拉框。如何才能使select看起来像span，而不是用span替换select？
jQuery函数
function makeReadOnly(context) {
$('input, select', context).each(function() {
$(this).addClass('readOnlyInput');
});
}
CSS
.readOnlyInput
{
border-width: 0;
ba
浏览 0提问于2012-03-03得票数 0
回答已采纳
2回答
单选HTML列表框高度
、、、
我有一个超文本标记语言的<select>，我希望它显示为一个“列表框”(一个同时显示多个项目的框，而不是一个下拉框)。但是，我只想允许选择一个项目。我还想将盒子的高度(通过CSS)设置为容器大小的100%。
这三件事似乎是相互排斥的。设置<select>元素的multiple属性将使控件呈现为列表框而不是下拉列表。但是，我不希望选择多个元素，所以这不起作用。我所知道的在列表框中创建<select>的另一种方法是将size属性设置为一个> 1的值。这也会设置框的高度，当设置了HTML属性时，我似乎不能通过CSS更改高度。
浏览 1提问于2011-06-29得票数 13
回答已采纳
1回答
不显示在角2中的下拉框的默认值
、、、、
我试图在我的下拉框中显示“选择颜色”作为默认值。选择颜色后，我希望此选项不可用。
下面是我使用的代码：
<select class="color-filter" [(ngModel)] = "selectedColor">
<option disabled selected value class="hideoption">Select a Color</option>
<option *ngFor="let c of color | mapToIterable" [v
浏览 3提问于2016-05-26得票数 1
回答已采纳
我选择了下拉框，并使用styled-select包装器实现了一些定制的css样式：
HTML:
<div class="styled-select">
<select name="example_length" aria-controls="example" class="">
<option value="10">10</option>
<option value="25">25</option>
<option val
浏览 9提问于2016-01-18得票数 0
回答已采纳
我觉得这很有趣，也很烦人。在装有IE7/8的windows XP上，输入框和下拉框以thib边框和圆角呈现，看起来很不错。我正在重新设计我们的内部网(非常混乱的代码)，我开始把<!DOCTYPEs和所有“现代”的东西，如css等等，当我注意到下拉框呈现为与文本框不匹配的“扁平方形”样式时……我放了两个简单的html页面来告诉你们我的意思：，谢谢你的帮助……
PS: Chrome和Firefox的行为是一样的。
浏览 0提问于2009-12-24得票数 0
7回答
我正在一个网站上工作，涉及到使用PHP脚本自动填充复选框。这一切都很好，除了问题是我用来填充文本框的东西有很长的标题(它们是期刊文章和演示文稿)。下拉框扩展到最长元素的宽度，该元素从屏幕边缘延伸，因此无法到达滚动条。我尝试过各种方法尝试使用CSS手动设置下拉框到特定的宽度，但到目前为止都没有效果。我所做的最好的事情就是将“选择”框设置为一定的宽度，但是下拉菜单本身却要宽得多。
任何有关这方面的建议都将不胜感激。
编辑：
事实证明，除了Google之外，下面的CSS行在所有主要浏览器中都能工作(这就是我测试页面的内容)。如果Chrome的解决方案是已知的，那将是很好的了解。
select, op
浏览 4提问于2009-11-09得票数 29
回答已采纳
我有像这样的下拉列表：
<asp:dropdownlist ID ="ddlgender" runat="server">
<asp:ListItem Text="--Please Select--" Value="0"></asp:ListItem>
<asp:ListItem Text="Male" Value="1"></asp:ListItem>
<asp:ListItem Text=&#
浏览 1提问于2009-07-31得票数 2
回答已采纳
在使用IE6的CSS中隐藏所有按钮而不是所有输入(比如下拉列表、文本输入框)的最简单方法是什么？这个CSS文件的目的是打印(使用media=中的“Print”标记)。
浏览 0提问于2010-04-21得票数 1
回答已采纳
我正在使用jquery mobile 1.1CSS，并希望构建一个具有multiple="multiple“属性的选择框。我还尝试了很多方法来改变带有multiple="multiple“属性的选择框。但是转换失败了，即使我写了下面这样的选择框，它也会一如既往地给出下拉框，所以请建议我如何使用这个属性的选择框。
<select class="styled" name="purpose-" id="someID" onchange = "go()" multiple="multiple">
浏览 1提问于2012-09-27得票数 0
在那个网站上，我正在寻找如何在“单一”下拉框和“分组”下拉框中选择项目(例如“绿色”)。
我尝试先单击下拉列表，然后尝试找到其中的元素以单击，但我无法
你有什么想法吗？使用分组下拉列表，我甚至找不到可以单击它的xpath。
提前感谢
driver = webdriver.Chrome()
driver.get("https://react-select.com/home")
driver.maximize_window()
driver.implicitly_wait(20)
driver.find_element_by_xpath("//div[@class=
浏览 3提问于2021-01-13得票数 0
回答已采纳
我有一个aspx页面，其中有一个选择框控件
<select name="selViewPerPage" id="selViewPerPage" style="width:30px">
为了在所有浏览器中引入一种特定的样式，我使用"selectBox.js“将这个html控件替换为动态选择框。现在的问题是，我在页面中有两个下拉列表，在运行时，它们是用相同的类名生成的，没有任何ids.So，而试图使用css定位控件，这两个下拉列表采用相同的位置。
所以我不确定，如何处理这种情况.Please让我知道，如果你需要更多的信息。
浏览 1提问于2011-08-04得票数 0
回答已采纳
我正在设置两个选择选项，并使用CSS和JQuery自定义这些选项。发生的问题是，当选择选项时，您需要在选择选项的左上角单击，然后选项不会优雅地显示，它们会从选择框的中间滑出。有没有一种方法可以确保你点击选择选项的任何地方，下拉框都会被填充?有没有一种方法可以确保下拉框出现在选择框的底部，而不是水平地离开选择框？
下面是我的Jquery代码：
(function($){
$.fn.extend({
customStyle : function(options) {
if(!$.browser.msie || ($.browser.msie&&$.brow
浏览 1提问于2011-08-03得票数 2
我正在制作的Django网站上使用Twitter bootstrap。我有一个页面，在那里用户可以输入他们的所有技术技能在一个文本输入配备了一个bootstrap typeahead。我正在尝试访问下拉菜单中当前选定的文本，这样，当按ENTER时，下拉菜单中突出显示了一个元素，它将获取该值并将其显示在输入文本字段的下方。然后清除输入文本字段，用户可以搜索其他技能。
$(document).keyup(function(event) {
if (event.keyCode == 13) {
if ($('.dropdown-menu').css(
浏览 0提问于2013-09-10得票数 11
回答已采纳
5回答
因此，我决定开始更深入地学习CSS，并尝试实现一个纯CSS下拉菜单/选择框。我首先研究了一些中可用的代码。
最终，，我认为这是相当体面的。然而，我得出的结论是，在所有情况下，CSS菜单都不可能是Javascript菜单的适当替代品，因为当您放弃Javascript时，会出现一些微妙的问题。
如果下拉菜单中的项目只是<a href链接，那么一切都应该是好的.但是，如果希望每个链接都触发Javascript事件，则会遇到以下问题：
显然，当用户单击下拉框中的某个项目时，您希望下拉框消失。如果下拉框中的项是<a>元素，则会自动发生这种情况。如果它们不是<a>元素，则
浏览 3提问于2012-05-29得票数 3
回答已采纳
如果有select元素(也称为.下拉列表)，并将宽度设置为小于选项文本实际占用的宽度，然后单击下拉列表使其展开，将一些选项文本呈现在浏览器窗口之外。如果浏览器是最大化的，这意味着不是所有的文本都是可见的。
演示html：
<html>
<head>
</head>
<body style="text-align: right;">
<select style='width: 100px;'>
<option> Long, long (quite long) text </option&
浏览 8提问于2011-05-03得票数 4
1回答
下拉列表中选择框的高度
、、、
我有一个dropdown ，它由另一个dropdown as控制，
$("#change").change(function() {
if(this.value == "x") {
$("#mydp").parent().show();
$( "#mydp option[value='r']" ).nextAll().andSelf().css("display", "none");
$( "#mydp option[v
浏览 1提问于2015-05-03得票数 2
3回答
当项目被放下时，我应该如何在组合框中设置项目的样式。我目前使用的是Svelte上的vaadin时间选择器，但由于它包含一个组合框，我的问题仍然存在。
我尝试了许多东西在CSS，但没有运气。我想要做的是使下拉框更宽，以适应文本。请注意，下拉框必须大于输入字段。
我的时间选择器的代码如下，任何帮助都将不胜感激！
<vaadin-time-picker
style="--vaadin-combo-box-overlay-width: 350px"
use:action={startMaskRef}
on:blur={valueChanged}
浏览 12提问于2022-08-25得票数 0
在我的网站上，我有一个带有下拉列表/选择框的联系人表格。这个盒子的字体大小是14便士。但只有在Firefox中，下拉列表/选择框(右边)的箭头会根据字体大小进行调整。有可能把这个拆散吗？
因此，设置字体大小的高度越高，Firefox中的箭头就越大。
它必须是某种CSS风格，因为我使用了两个不同的脚本，而且只有一个脚本出现。
谢谢！)
浏览 2提问于2013-08-02得票数 0
回答已采纳
在你选择了一个字段名称，然后你开始在值文本框中输入，下拉列表的默认宽度是150px，这会导致很多东西被截断。出现一个滚动条，这样你就可以左右滚动了，但是我想知道如何设置这个元素的最小宽度。
定义它的元素的css路径是：
body > div.gwt-SuggestBoxPopup > div > table > tbody > tr.suggestPopupMiddle > td.suggestPopupMiddleCenter > div > div
它似乎是元素中的内联样式
<div class="" style=
浏览 1提问于2015-04-08得票数 0
2回答
我在一些非常基本的东西上遇到了困难。我正在尝试用JQuery和CSS实现一个下拉框。我不明白为什么当我将鼠标悬停在“产品”链接上时，我的下拉框会一直闪烁。
这是我正在做的一个演示。
如果能帮上忙我将不胜感激。
编辑
代码可以通过查看我给出的链接的源代码来找到。您可能需要的显示/隐藏下拉框的主要部分是CSS：
$(document).ready(function(){
$('li.headlink').hover(
function() { $('ul', this).css('display', 'block'); }
浏览 2提问于2009-09-15得票数 0
回答已采纳
8回答
我使用的是wordpress主题，由于某些原因，HTML的select框没有下拉区域。它们看起来就像普通的input文本框，尽管当您单击它们时，您可以看到下拉列表。我找不到哪些代码可能正在剥离下拉箭头。
这是我在CSS中看到的所有内容：
input:focus {
outline: none;
}
select,
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius:0;
}
浏览 4提问于2015-07-15得票数 23
我使用kendo-ui下拉菜单。我添加了一些ovveriding css，它工作得很好。
.k-animation-container {
//this is popup that is html is rendered out of the page element
//so it cannot be selected by id / panaya class / panaya element
.k-popup.k-list-container {
.k-item,
.k-item.k-state-selected,
.k-item.k-state-focused
浏览 0提问于2020-07-14得票数 0
我使用下面的代码重新创建了一个Select框及其dropdown函数：
$(".selectBox").click(function(e) {
if (!$("#dropDown").css("display") || $("#dropDown").css("display") == "none")
$("#dropDown").slideDown();
else
$("#dropDown").slideUp();
浏览 3提问于2010-09-04得票数 0
回答已采纳
我有这个html代码
<p>
<label for="contact">Contact name<span class="required"> *</span></label>
<select name="contact" id="contact" onClick="clearSelect(this,'contact')">
<option value="">Select Contact
浏览 0提问于2012-11-20得票数 3
在搜索了两个小时之后，我不得不认输，自己问这个问题。
如何使用只使用CSS (而不是Javascript)来设置复选框的样式，以便如果没有做出选择，则将不透明度设置为.5，但一旦选中，则选中框为不透明度1。
我看到了很多关于更改特定选项颜色等的问题和答案，但我想影响整个选择框本身。这似乎很简单：
还没选好吗？混浊：.5；
从下拉列表中选择了什么？不透明度: 1；
我似乎找不到触发器来知道某物是否被选中，是的，我已经尝试使用:选中了选择框和选项。
任何帮助都是很棒的，但我认为这是CSS本身的一个限制，没有Javascript的干预是做不到的。谢谢你们！
浏览 1提问于2018-05-18得票数 0
回答已采纳
我有下面的代码，目前它用下拉框更改所有文本区域的css值。
我希望这样，当一个文本区域被选中并发光绿色时，下拉框将只更改所选文本区域的css，而不是所有它们。
基本上，我希望能够改变每个文本区域的字体单独。
我考虑使用另一个下拉框来选择要更改的文本区域。但是，javascript必须有一种方法来检测所选的textarea并只对其进行更改。我需要向每个文本区域添加一个唯一的id字段，但是我完全迷上了javascript。救命啊！
的回答多亏了
JS:
$(function () {
$("[id^=font]").on('change', function (
浏览 4提问于2015-11-29得票数 0
回答已采纳
1回答
现在，我将第一个下拉框的值更改为6月，但不会更改第二个下拉框，因为我已经使用boxes.One event.Here启动了第二个下拉框，因此无法通过第二个下拉框。我使用live(单击)，但在没有单击第二个下拉框的情况下，该值也应该通过吗
**Updated**
$(firstselect).live(click,function)
$(secondselect).live(click,function)
浏览 3提问于2011-06-30得票数 0
2回答
我有一个想要右对齐的选择框，但我想让选项下拉列表保持左对齐。如下所示：
<select>
<option>item</option>
</select>
和CSS：
select { direction: rtl; }
option { direction: ltr; }
但是设置select标签的方向也会设置select下拉菜单的方向。请参阅
这有可能吗？我知道，作为替代，我可以使用js构建一个自定义的选择功能，但如果可以的话，我想让它保持简单。
浏览 2提问于2014-07-11得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
