給出以下HTML代碼:在html選擇標籤中,如何更改封閉選項標籤的部分文本樣式?
<select>
<option>yellow</option>
<option>red</option>
<option>blue</option>
</select>
例如,改變第二個字符的文本「藍」的顏色。
給出以下HTML代碼:在html選擇標籤中,如何更改封閉選項標籤的部分文本樣式?
<select>
<option>yellow</option>
<option>red</option>
<option>blue</option>
</select>
例如,改變第二個字符的文本「藍」的顏色。
<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");
我不相信這是目前一種方法可以做到在CSS或(X)HTML中。正如「DaneSoul」指出的那樣,你可以自己設計<option>
,但是你不能單獨設計文本的不同部分。
<option>
標記不能有任何孩子以外的文本節點。
This question/answer有更多的信息,證實了這一點。
嗯,我現在看到我的不確定不是真正的任務是什麼......但我想這可以是有幫助的。 – DaneSoul
@DaneSoul我幾乎做了同樣的事情,但不知何故發現'第二個字符'..並留下評論:) –
這可以做的唯一方法是創建您自己的下拉列表與DIVs,SPANs,可能是一個UL或兩個,和一點的JavaScript(像CSS下拉導航菜單cxould的東西我也想工作),然後使用JavaScript設置要爲您的表單發送的值。
可能比它的價值更多的工作。
@BoltClock:你真的添加了句子「鑑於下面的html代碼:」?或者修訂歷史在說謊? – thirtydot
@ thirtydot對我說同樣的話......哈哈! – BumbleShrimp
最大你可以使用'n-child(x)'設計第n個選項,我不認爲你可以在選項中設計一個特定的字母。除非你願意嘗試一個自定義的下拉菜單..但他們不會是真正的'