2017-12-29 25 views
0

私は選択ドロップダウンからオプションを作成しようとしていますが、透明ではありません。お問い合わせフォーム7 - オプションを選択透明

黒にすると黒くなります。

.wpcf7-select option { 
    background: black !important; 
} 

background: transparent !importantと入力しても機能しません。背景を背景色に変更しようとすると、機能しません。

色を変更することはできますが、透明に設定することはできません。それはなぜ起こるのですか?

は、私はすでに不透明度を変更し、RGAとRGBAを使って背景を設定することにより、透明にしようとしたが、それはない残念ながら、純粋なCSSと

.wpcf7-select option { 
    /* default fallback */ 
    background: rgb(255, 255, 255) !important; 
    /* nice browsers */ 
    background: rgba(255, 255, 255, 0.8) !important; 
    /* IE 6/7 */ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF) !important; 
    /* IE8 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)" !important; 
} 
+0

オプション要素の背景を透過的に設定しているだけです。ユーザーエージェントのスタイルシートだけでは、選択要素自体も背景セットを持っている可能性があります。 – CBroe

答えて

2

は、オプションの一部を透明に期待どおりに動作しません。可能。しかし、それに応じてJSライブラリを使ってカスタムドロップダウンやスタイルを作ることができます。

+0

しかし、WordpressとContact Form 7プラグインを使用している間にそれを行うことは可能ですか? – Diego

+0

はい、ほとんどのカスタム選択メニューは単に実際の選択ボックスをエミュレートするためです。したがって、カスタム選択を更新すると、目に見えない実際の選択が「更新」されます。 – Deckerz

+0

クール、ありがとう! – Diego

関連する問題