草庐IT

jobtitle_select

全部标签

jquery - <select> 元素上 "down arrow"的 CSS?

是否可以对下拉选择元素上的向下箭头进行样式化?即(-->)我怀疑答案是否定的,因为IE处理该特定元素的方式。如果没有办法,有没有人知道使用javaScript的“假”下拉框会模仿该行为但让我能够自定义? 最佳答案 这里有一个很酷的纯CSS样式下拉菜单解决方案:http://bavotasan.com/2011/style-select-box-using-only-css/基本上,将选择包裹在容器div中,将选择设置为比具有透明背景的容器宽18像素,将溢出:隐藏到容器(以切断浏览器生成的箭头),并添加背景带有指向容器的程式化箭头的图

html - 如何更改 <select> 中 <option> 的文本颜色?

我正在尝试将第一个选项的颜色更改为灰色,只有文本(选择一个选项)但这里不起作用:.grey_color{color:#ccc;font-size:14px;}selectoneoptiononetwothreefourfive我的jsfiddle在这里jsfiddle 最佳答案 Suresh,您不需要在代码中使用任何东西。你需要的只是这样的东西:.others{color:black}selectoneoptiononetwo但是如您所见,因为选项中的第一项是选择控件显示的第一件事,所以您看不到它指定的颜色。如果您打开选择列表并查看

html - 如何使 html <select> 元素看起来像 "disabled",但传递值?

当我禁用一个123元素,它不传递它的变量。如何让它看起来像禁用,但处于“正常”状态?这是因为我有一个“选择”列表,有时其中一些只有一个值,所以用户应该明白它只有一个值而不点击它。 最佳答案 您可以根据需要保持禁用状态,然后在提交表单之前删除禁用属性。$('#myForm').submit(function(){$('select').removeAttr('disabled');});请注意,如果您依赖此方法,您还需要以编程方式禁用它,因为如果JS被禁用或不受支持,您将陷入禁用的选择状态。$(document).ready(func

jquery - <select> 只显示所选选项的第一个字符

我有一个标准的选择框,我通过附加选项使用jquery填充它,但出于某种原因,IE9只显示所选选项的第一个字符。不用说它在FireFox和Chrome中完美运行,但我必须支持IE9。我尝试了IE9兼容模式,但没有任何区别,选择或选项的样式也没有。有没有人以前见过这个问题。是什么原因造成的?你是怎么解决的?简化的代码示例:$.each(res.result,function(key,value){$('#selectCCY').append(''+value[$('#selectCCY').attr('DisplayColumn')]+'');});res.result是一个简单的json

html - 可编辑的 'Select' 元素

我想在表单中有一个选择元素,但除了下拉列表中的选项之外,能够编辑它并添加新选项但不使用另一个输入文本会很有用,我需要一次性完成。可能吗? 最佳答案 没有什么是不可能的。这是一个解决方案,只要的值出现,就可以简单地设置文本输入的值。更改(呈现已在Firefox和GoogleChrome上测试):.select-editable{position:relative;background-color:white;border:solidgrey1px;width:120px;height:18px;}.select-editablesel

html - HTML <select> 标签中的可选 <optgroup>

有没有办法让选项组可选?ChildTagChildTag 最佳答案 我不认为你可以,但你可以很容易地用css重现视觉风格,因此在你的选择中只有选项,所以一切都是可选的。.optionGroup{font-weight:bold;font-style:italic;}.optionChild{padding-left:15px;}ParentTagChildTagChildTagmultiple属性允许您选择多行(按住ctrl单击)。如果它不是您想要的,您可以将其删除。这是为了向您展示所有内容都可以选择,并且看起来与选项组元素相同。

html - CSS :selected pseudo class similar to :checked, 但对于 <option> 元素

有没有办法为当前选择的设置样式?中的元素元素?然后我可以为当前选定的选项元素提供背景颜色吗?这样我就可以设置当前在关闭的下拉列表中可见的选项的样式。 最佳答案 the:checkedpseudo-classinitiallyappliestosuchelementsthathavetheHTML4selectedandcheckedattributes来源:w3.org因此,尽管color的样式在所有浏览器中都不可能,但此CSS有效:option:checked{color:red;}一个实际的例子,从下拉列表中隐藏当前选择的元素。

html - 如何在 Rails 中设置 collection_select 的 HTML 选项?

我似乎找不到将类添加到Rails生成的选择标记的语法collection_select.有帮助吗? 最佳答案 许多Rails助手采用多个散列参数。第一个通常是控制助手本身的选项,第二个是html_options,您可以在其中指定自定义ID、类等。方法定义如下:collection_select(object,method,collection,value_method,text_method,options={},html_options={})您会注意到参数列表中有多个“={}”。要使用它,您要指定的第一组选项实际上必须用大括号括

html - Select 标签中的 Option 可以携带多个值吗?

我在HTML表单中得到了一个带有一些选项的选择标签:(将使用PHP收集和处理数据)测试:OneTwoThree一个选项是否可以携带多个值,比如当用户选择时“一个”,然后将与此选项相关的其他一些值写入数据库。我应该如何设计select标记,以便每个选项都可以携带一个多于一个的值,如下所示:OneTwoThree 最佳答案 一种方法,第一个是数组,第二个是对象:OptiononeOptiontwo 关于html-Select标签中的Option可以携带多个值吗?,我们在StackOverfl

javascript - 如何以编程方式在 iOS 中聚焦来自 select 标签的受信任 onchange 事件的文本输入?

我在下面准备了一个简单的片段,一个文本输入字段,一个按钮和一个选择。单击按钮以编程方式聚焦输入。更改选择也会关注输入。在所有桌面浏览器和android中都是这种情况,但在iOS中不是。在iOS中,焦点适用于按钮,但不适用于选择。varmySelect=document.getElementById('mySelect');varmyButton=document.getElementById('myButton');varmyTextInput=document.getElementById('myTextInput');mySelect.addEventListener('chang