2011-10-25 18 views
0
 select { 
      border: none; 
      -moz-appearance: none; 
      -webkit-appearance: none; 
      appearance: none; 
      background: url('/drop.png') no-repeat; 
     } 
     option { 
      background-color:#13814F; 

     } 

上記の場合、すべてのオプション(選択したものを含む)の背景色が選択ボックスの背景画像と重なっています。透明性はイメージの問題ではありません。HTML選択ボックス:IEで背景画像と背景色を組み合わせる

jqueryを使用したスタイリングの選択ボックスで最も現代的で使いやすいプラグインは何ですか?私は忍耐を失わずにやろうとしています。

+0

オプション{background:transparent}を設定しましたが、ブラウザ間でJavaScriptソリューションを使用したいと思っています。それぞれのエンジンは異なったレンダリングをしています。 – albert

答えて

1

http://msdn.microsoft.com/en-us/library/ms535877%28v=VS.85%29.aspxによると、あなたはCSSで何をしたいのですか?IEではできません。

"背景色と色を除いて、option要素のスタイルオブジェクトを通じて適用されるスタイル設定は無視されます。また、個々のオプションに直接適用されるスタイル設定は、 SELECT要素全体として。

1

jqtransformプラグインをお試しください。デモにはグラデーションの背景画像を持つ選択フィールドとオプションが単色で表示されます。

関連する問題