2

私は標準的な種類の選択リストを持っています:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi cars</option>
</select>

たとえば、「cars」という単語をイタリック体で表示することはできますか? 標準のhtmlを追加しようとしましたが、うまくいきませんでした。

4

3 に答える 3

2

いいえ - 入力フィールドやテキスト エリアと同様に、オプション タグでは、それら内で異なるスタイルを使用することはできません。オプション全体で 1 つのスタイルのみを使用できます。

あなたが説明したことを達成するには、ネイティブのものではなく、ドロップダウンの HTML/JavaScript シミュレーションが必要になります。

http://www.mitya.co.uk/scripts/jQuery-drop-down-selector-124

于 2012-07-28T17:29:33.547 に答える
1

注意してください：Firefox 10.2でのみチェックされていますが、ここで尋ねられたことを達成します

私はCSSを使ってこのようにすることができますMy Fiddle

HTML

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
    <option class="italic" value="audi">Audi</option>
</select>

CSS

option.italic:after{
    content: "cars";
    font-style: italic;
}
于 2012-07-28T17:37:41.090 に答える
0

ストレートな html を使用して行うことはほとんど不可能です。

可能な限り同じスタイル

SELECT { border: solid 1px color; font-weight: bold; }
OPTION { background:xx; font-style: italic; }

ただし、スタイルが異なる場合は、javascript を使用する必要があります。

于 2012-07-28T17:38:32.773 に答える