2011-02-24 60 views
0

是否有一種簡單的方法在選擇框的第一行旁邊添加一個樣式化的小文本行?選擇框中第一行旁邊的文本行?

例如:

box

我使用如下代碼:

<select name="textarea" size="10" multiple="multiple" id="textarea"> 
    <option>something</option> 
    <option>something else</option> 
    <option>another thing</option> 
    </select> 

文本只會永遠需要,並顯示出什麼都數據是第一線。如果你能幫到那將是輝煌的!

+0

「第一行」是否會與「第一個選項」有所不同? – sdleihssirhc

+0

是的,因爲我已經在使用將選定選項移動到列表頂部的腳本。 – David

回答

3

option元素不允許嵌套其他html元素,所以您將無法更改字符串部分的樣式。當然,你可以使用一個javascript「花哨的下拉」類型的腳本,它將創建一個僞選擇元素,讓你可以隨意使用樣式。但是用一個普通的舊標籤select,沒有骰子。

+0

無賴,感謝您的幫助克里斯。 – David

+0

有沒有辦法通過CSS來至少改變第一行的顏色? – David

+0

您可以隨時將內聯CSS或類添加爲一個或多個OPTION標籤作爲整體。看看這個示例:http://jsfiddle.net/bGpdb/從那裏,你可能能夠使用一些像'first-letter'這樣的CSS3僞選擇器,但這些不一定是跨瀏覽器的,它們可能無法滿足您的需求,因爲您無法在特定的風格中找到合適的位置。 –

相關問題