更改选择框选项的背景颜色

Question

我在网站上的表单中有一个下拉菜单，我想将选项的背景更改为透明，就像初始选择一样。

我使用background:rgba(255, 255, 255, 0.2)，但如何将其应用于<option>。

注意：This is a Wordpress site并且表单由插件生成。

Answer 1

您无法以跨浏览器的方式执行此操作，所有浏览器都会应用不同的默认“不可覆盖”样式。

如果你愿意在你的选择框上应用javascript图层，可以使用javascript / jquery插件，用更多的样式元素替换它。

Answer 2

尝试更改选项的css：

$(document).ready(function(){
    $("option").css("background", "none repeat scroll 0 0 rgba(255, 255, 255, 0.2");
});