HTML：我可以標記/突出顯示下拉菜單項嗎？

假設我有一個清單。我想讓用戶知道其中一個索引是之前設置的索引。我希望這樣，當用戶打開下拉菜單時，他可以看到其中一個選項已標記，因此看起來與其他選項不同。HTML：我可以標記/突出顯示下拉菜單項嗎？

有沒有這方面的設施？如果我必須破解一些醜陋的東西或重新實現整個菜單功能才能使其發揮作用，我不會爲此而煩惱。

2011-09-28 Steven Lu

您是否正在談論一個簡單的<select>-自下而上？

如果是這樣，這是非常簡單的CSS：

當然

<select> 
    <option style="background:yellow">yellow</option> 
    <option style="background:red">red</option> 
    <option style="background:blue">blue</option> 
</select>

與CSS類將工作，太。

來源

2011-09-28 09:47:47 acme

酷，我應該只是嘗試這樣做。這是很合乎邏輯... –

如果這裏面有標籤，你可以嘗試添加特定的類要突出顯示選項元素。

<option class="myoption"...

然後通過CSS應用背景顏色到這個選項。

.myoption {background-color: red;}

我認爲這不適用於IE 6和7，因爲你不能在這些版本的瀏覽器中爲選擇應用樣式。

如果您有< ul>和< li>用於列表的元素，請使用上面描述的相同方法。

來源

2011-09-28 09:47:08

使用的選項標記選定的屬性將是另一個解決方案。見

http://www.w3schools.com/tags/att_option_selected.asp

來源

2011-09-28 09:50:32 mikey

選定的屬性將選擇值默認之一，將突出的價值，但不會改變所選值的風格。 –

一般情況下，這將是不必要的，因爲你只會有下一次頁面加載時in state以前選擇的選項pre-selected。但是，如果要以特定顏色顯示選擇列表選項，則可以基本給出每個選項單獨的css樣式，如example here中所示。

來源

2011-09-28 09:53:20

HTML：我可以標記/突出顯示下拉菜單項嗎？

回答

相關問題