更改选择框选项的背景色
我有一个select框，当select单击框并显示所有选项时，我正在尝试更改选项的背景色。
HTML：
<select>
<option val="">Please choose</option>
<option val="1">Option 1</option>
<option val="2">Option 2</option>
<option val="3">Option 3</option>
<option val="4">Option 4</option>
</select>
CSS：
select{
margin:40px;
background: rgba(0,0,0,0.3);
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
问题答案：
你需要把background-color对option标签，而不是select标签…
select option {
margin: 40px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
如果要为每个option标签设置样式，请使用css attribute选择器：
select option {
margin: 40px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
select option[value="1"] {
background: rgba(100, 100, 100, 0.3);
}
select option[value="2"] {
background: rgba(150, 150, 150, 0.3);
}
select option[value="3"] {
background: rgba(200, 200, 200, 0.3);
}
select option[value="4"] {
background: rgba(250, 250, 250, 0.3);
}
<select>
<option value="">Please choose</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
-
我有一个选择框，当选择框被单击并显示所有选项时，我正在尝试更改选项的背景颜色。
-
问题： 如何更改UIkit图标的颜色？具体来说，我想更改复选框图标的背景颜色。 这里是指向UIkit表单文档的链接。 我想改变背景的颜色。
-
我有一个清单，我在回收商的视图中展示了这一点 一些项目有蓝色背景和其他项目有灰色背景 我想编辑所选项目背景（所选项目表示已单击的项目） 这是我的适配器类
-
我有一个这里提到的类似用例。我想将SWT表格项目选择背景颜色从默认的灰色或蓝色更改为其他颜色。我尝试使用StyledCellLabelProvider#update方法，但没有用。它只是将所有表项的背景色更新为给定的颜色。但我需要它只用于选定的项目。下面是我的标签提供程序更新方法的代码段 提前感谢您的帮助！
-
问题内容： 我有一个选择框。通过已引用的CSS文件，已使用不同的颜色来设置选项的样式。我希望能够选择一个选项，然后将关闭的选择框的文本颜色更改为所选选项的颜色。 因此，如果我选择“香蕉”，则文本应从黄色变为红色。 我努力了： 但这仅在我在html文档内的选项标签中定义样式时才有效。 我也尝试过JavaScript： 但这总是返回颜色：白色。getStyle函数在我使用过的其他任何地方都可以使用，因
-
问题内容： 我试图更改选项菜单的默认颜色为白色：我希望选项菜单上的每个项目都为黑色背景。 我已经尝试过在菜单元素中的item元素上进行类似android：itemBackground =“＃000000”的拍摄，但是没有用。 我该怎么做？ 问题答案： 在花费了大量时间尝试所有选项之后，我能够使用更改溢出菜单背景的应用程序的唯一方法是使用属性： ``` 从API 4.2到5.0进行了测试。