将光标更改为<option>标签？

Question

将鼠标悬停在<select>组合框中的某个项目上时,有没有办法更改光标？我认为option { cursor: pointer; }在CSS中工作会起作用,但似乎没有.

Answer 1

遗憾的是,<option>标签是由操作系统而不是浏览器呈现的,因此您无法使用游标设置它们.相反,使用像Bootstrap的Dropdown这样的插件.

MSDN说得最好:

除背景颜色和颜色外,将忽略通过选项元素的样式对象应用的样式设置.此外,直接应用于各个选项的样式设置会覆盖应用于整个包含的select元素的样式设置.

MDN也会加入进来

有些元素根本无法使用CSS设置样式.这些包括所有高级用户界面窗口小部件,如范围,颜色,或日期控件以及所有下拉窗口小部件,其中包括<select>,<option>,<optgroup>和<datalist>元件.众所周知,文件选择器小部件根本不具有样式.新元素<progress>和<meter>元素也属于这一类.