私は、そのオプションの色を変更したい、選択>(ドロップダウン)の<を持っています。しかし、私はオプションテキストの色を部分的に変更したい、つまり指定されたオプションのテキストだけが指定された色のものになります。JavaScriptまたはjQueryまたはCSSを使用してオプションのドロップダウンメニューの色を変更します
同様に、オプションが22 kgの場合、色は「kg」にしたいとします。
私は、そのオプションの色を変更したい、選択>(ドロップダウン)の<を持っています。しかし、私はオプションテキストの色を部分的に変更したい、つまり指定されたオプションのテキストだけが指定された色のものになります。JavaScriptまたはjQueryまたはCSSを使用してオプションのドロップダウンメニューの色を変更します
同様に、オプションが22 kgの場合、色は「kg」にしたいとします。
あなたは次のように、span
タグでキロをラップすることができます
<option>22<span>kg</span></option>
、その後のようなスパンのスタイル:
部分的<option>
タグのコンテンツを作る私の驚いたことに
option span {
color:red
}
[この質問はこちら(http://stackoverflow.com/questions/5678760/it-is-bad-to-put-span) -tags-inside-option-tags-for-string-manipulat)の答えは、有効ではない/うまくいかないことを示唆しています。 (私自身の驚き:S) – Jeroen
、異なる色(例えば、motoxer4533としてspan
が示唆されている)が機能しませんでした。 SOを検索している人は、this SO questionに私を誘導しています。
残存オプションは、「独自の」選択様式の動作を作成することです。おそらくjQuery UIに何か必要なものがあります(私は彼らにカスタムドロップダウンコントロールがあるとは思いますが)jQuery
をタグとして言いましたか?
編集:これは恐らくthis questionの複製ですか?質問は多少異なりますが、答えは同じです。
ナビゲーションをドロップダウンしたり、フォームに「
jquery/javascriptを使ってこれを行う必要があるのはなぜですか?CSSを使用できませんか? – martincarlin87
@ martincarlin87 - 確かに、CSSでもやることができます。 – sqlchild