css 是否将光标移到标记上< option>？

jchrr9hc 于 2022-12-01 发布在其他

关注(0)|答案(3)|浏览(151)

当鼠标悬停在<select>组合框中的某个项目上时，有没有什么方法可以改变光标？我以为在CSS中执行option { cursor: pointer; }会起作用，但似乎没有。

css

来源：https://stackoverflow.com/questions/22770603/change-cursor-over-option-tags

3条答案

按热度按时间

cotxawn71#

创建您自己的下拉列表

<option>标签是由操作系统而非浏览器呈现的，因此您无法设定它们的样式。
相反，创建您自己的下拉菜单，您可以完全控制或使用第三方插件，例如Bootstrap的下拉菜单。
MSDN says it best：
除了background-color和color之外，透过option项目的样式对象套用的样式设定都会被忽略。此外，直接套用至个别选项的样式设定会覆写套用至包含之select项目的样式设定。
MDN also chimes in
有些元素无法使用CSS来设置样式，包括所有高级用户界面小部件，如范围、颜色或日期控件，以及所有下拉小部件，如<select>、<option><optgroup>和<datalist>元素。文件选择器小部件也完全不可设置样式。新的<progress>和<meter>元素也属于此类别。

赞(0）回复(0）举报 2022-12-01

nkhmeac62#

可通过以下方式实现

select {
    -webkit-appearance:button !important;
        -moz-appearance:button !important;
            appearance:button !important;
    cursor: pointer;
}

已确认使用最新版本的Chome、Firefox、Edge

赞(0）回复(0）举报 2022-12-01

pzfprimi3#

<html>
<head><title>E</title></head>
<body span style="cursor:crosshair">
I think this is the code
</body>
<html>

赞(0）回复(0）举报 2022-12-01

我来回答

css 是否将光标移到标记上< option>？

3条答案

创建您自己的下拉列表

相关问题

热门标签

最新问答