jquery - 選択ボックスのオプションの背景色を変更する

Question

オプションの背景を最初の選択のように透明に変更したい Web サイトのフォームにドロップダウン メニューがあります。

私はそのために使用background:rgba(255, 255, 255, 0.2)しますが、それを に適用するにはどうすればよいですか<option>。

注:これは 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");
});