オプションの背景を最初の選択のように透明に変更したい Web サイトのフォームにドロップダウン メニューがあります。
私はそのために使用background:rgba(255, 255, 255, 0.2)
しますが、それを に適用するにはどうすればよいですか<option>
。
注:これは Wordpress サイトであり、フォームはプラグインによって生成されます。
オプションの背景を最初の選択のように透明に変更したい Web サイトのフォームにドロップダウン メニューがあります。
私はそのために使用background:rgba(255, 255, 255, 0.2)
しますが、それを に適用するにはどうすればよいですか<option>
。
注:これは Wordpress サイトであり、フォームはプラグインによって生成されます。
クロスブラウザーの方法でこれを行うことはできません。すべてのブラウザーには、選択に適用されるデフォルトの「オーバーライド不可能な」スタイルが異なります。
選択ボックスの上に javascript レイヤーを適用して、それをよりスタイル設定可能な要素に置き換える場合は、使用できる javascript/jquery プラグインがあります。
オプションの css を変更してみてください:
$(document).ready(function(){
$("option").css("background", "none repeat scroll 0 0 rgba(255, 255, 255, 0.2");
});