把光標移動到<option>標籤？

當鼠標懸停在<select>組合框中的項目上時，是否有任何方法更改光標？我認爲在CSS中做option { cursor: pointer; }會起作用，但它似乎不起作用。把光標移動到<option>標籤？

來源

2014-03-31 Hydrothermal

你試過了嗎？option：hover {cursor：pointer; }'？不知道它是否會工作。 –

@MatthewJohnson也不管用，請參閱我的答案。 – SomeKittens

我剛剛嘗試過'select | option [：hover] {cursor：pointer}'的每個版本''包括一些使用'*'的東西，而且沒有任何改變我指針渲染的方式。好問題！ –

不幸的是，<option>標記由操作系統呈現，而不是瀏覽器，因此您無法使用光標對其進行樣式設置。相反，請使用Bootstrap's Dropdown之類的插件。

MSDN says it best：

除背景色和顏色，通過風格對象的選項元素應用的樣式設置將被忽略。此外，直接應用於單個選項的樣式設置會覆蓋整個應用於包含select元素的樣式設置。

MDN also chimes in

根本無法使用CSS樣式化的一些元素。這些包括所有高級用戶界面小部件，如範圍，顏色或日期控件以及所有下拉小部件，包括<select>,<option>,<optgroup>和<datalist>元素。文件選擇器小部件也被稱爲不可風化。新的<progress>和<meter>元素也屬於這一類。

來源

2014-03-31 19:40:00 SomeKittens

好的答案，你能否爲像我這樣的窮人提供一個文檔資源？ –

@ChrisB在所有地方的MSDN中發現它，MDN在主題上是媽媽。 – SomeKittens

該死的。我會看看Bootstrap鏈接 - 感謝您的幫助！ – Hydrothermal

把光標移動到<option>標籤？

回答

相關問題