5

OPTION テキストの色が異なる HTML 選択フィールドを使用することは可能ですか?

<select>
<option>Black_text (yellow_text)</option>
</select>

CSS SPAN 要素を使用してテキストに色を付けようとしましたが、うまくいかないようです。

何か案は？

更新:注、同じOPTION 行に複数のフォントの色を設定しようとしています。OPTION 行全体のスタイルを設定する方法についてはかなりの数のチュートリアルを見てきましたが、同じオプション行内の要素のスタイルを設定しようとしています。

4

4 に答える 4

6

option要素自体のスタイルを設定してみてください:

<option style="…">Label</option>

しかし、ブラウザがこれらの要素の多くのスタイルをサポートしているとは思えません。

編集

同じOPTION 行に複数のフォントの色を設定しようとしています。

option要素はコンテンツとしてテキストのみを許可するため、これは不可能です。

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->
于 2009-03-16T16:31:29.050 に答える
3

プレーンなバニラの選択リストでは、おそらくそれを行うことはできません。ただし、Javascript + HTML + CSS を使用して、div 要素と span 要素のみを使用して独自の「選択リスト」を作成し、onclick と onmouseover javascript を修正することはおそらく可能です。はるかに難しいでしょうが、それが本当に重要な場合は、おそらく機能させることができます.

于 2009-03-16T16:58:45.600 に答える
0

いいえ。ただし、ボタンタグとスパンタグを使用して独自の選択ボックスを構築するhttp://www.erichynds.com/jquery/jquery-ui-multiselect-widget/のようなものを使用できます。

于 2012-03-02T11:02:55.003 に答える
0

次のように、すべての行に背景画像を配置しないでください。

<option style="background-image: multicolorimage.jpg>some text</option>

すみません、間違った答えです。最初はあなたが何をしようとしているのか理解できなかったので、私の投稿は無視してください:)

于 2009-05-26T19:39:24.227 に答える