-5

次の HTML コードがあるとします。

<select>
  <option>yellow</option>
  <option>red</option>
  <option>blue</option>
</select>

たとえば、テキスト「青」の 2 番目の文字の色を変更します。

4

3 に答える 3

2

現在、CSS や (X)HTML でそれを行う方法があるとは思いません。「DaneSoul」が指摘したように、<option>s 自体をスタイルすることはできますが、その中のテキストのさまざまな部分を個別にスタイルすることはできません。

<option>タグは、テキスト ノード以外の子を持つことはできません。

この質問/回答には、これを確認する詳細情報があります。

于 2012-05-12T03:55:05.863 に答える
0

これを行う唯一の方法は、DIV、SPAN、おそらく 1 つまたは 2 つの UL、および少しの JavaScript (CSS ドロップダウン ナビゲーション メニューのようなものも動作するはずです) を使用して独自のドロップダウン リストを作成し、JavaScript を使用して設定することです。フォームに送信される値。

おそらくそれ以上の仕事をしているのだろう。

于 2012-05-12T04:24:26.960 に答える
0 
<select>
  <option id='option1'>yellow</option>
  <option id='option2'>red</option>
  <option id='option3'>blue</option>
</select>

次に、CSS でスタイルを追加します。

#option3{ color: blue; }

動的に行う必要がある場合は、JQuery を使用できます。

$("#option3").css("color", "blue");
于 2012-05-12T03:53:44.940 に答える