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

Question

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

我使用background:rgba(255, 255, 255, 0.2)它，但我如何将它应用到<option>'s.

注意：这是一个 Wordpress 站点，表单由插件生成。

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");
});