0

選択ドロップダウン内でオプション テキストのスタイルを設定する方法を探しています。このようないくつかのスタック記事に出くわしましたが、それらを機能させることができないようです。Safariでテストしています。それが問題ですか？以下は、私が一緒に投げたいくつかの基本的なコードのサンプルです。私が見る限り、それが生成するものはすべて、フォーマットされていないオプションを含む標準の選択ドロップダウンです。また、オプションにクラスを適用しようとしましたが、これも効果がないようです。

<select name="1"><option value="1">default</option><option value="2" style="color:#0D0">green line</option><option value="3" style="background-color:red">red background</option><option value="4" style="text-decoration:line-through">line through</option></select>

私の最終目標は、次のようにオプションのスタイルを設定できるようにすることです。

<option value="1"><span style="text-decoration:line-through">$Regular Price</span><span style="color:green;font-weight:bold">$Sale Price</span></option>
4

1 に答える 1

-1

これ見てみる？http://jsfiddle.net/Vainglory07/pzHqT/

  <select name="1">
     <option value="1">$Regular Price</option>
     <option>$Sale Price</option>
  </select>​

  option:nth-child(even) {
     background-color: red;
  }

  option:nth-child(odd) {
     background-color: blue;
  }​

あなたが提供したリンクを使用してください..そこにある答えは機能していますよね？

于 2012-12-18T04:19:48.287 に答える