2013-08-22 82 views
0

我有這些下拉菜單,並且確實需要某種方式來格式化其中的一些文本。如何在下拉菜單中部分設置文字樣式?

我想實現這樣的:

<option value="8470621">Corey Perry <i>Anaheim Mighty Ducks</i></option> 
<option value="8474141"><b>Patrick Kane</b> Chicago Blackhawks</option> 

但瀏覽器似乎並不支持這一點。

斜體或粗體文字確實是最好的,但如果有任何類型的文本格式(下標,字體顏色),它可能會比只包括它們更好。

+2

[可能在選項標籤內的唯一內容是文本](http://www.w3.org/html/wg/drafts/html/master/forms.html#the-option-element)。 – JohnB

+0

[下拉列表中選項的粗體部分]的可能重複(http://stackoverflow.com/questions/1223074/bold-part-of-an-option-in-a-drop-down-list) –

回答

3

正如其他人所提到的,您在下拉菜單中設置option標籤的選項非常有限。雖然有本地select框的替代品。看看這個穩健的jQuery插件Chosen

1

你可以通過CSS來設計某種樣式的下拉菜單(它會因瀏覽器而異)。如果您必須擁有高級樣式,您需要通過頂層的JS和CSS創建自己的「圖層」,然後在後臺自定義所需的所有內容,並更新隱藏的下拉列表。