在html中将鼠标悬停时更改“选择列表选项”背景色

  • Z时代
  • 2024-01-10
  • 分类：问答

是否可以在悬停时更改选择列表选项的默认背景色？

HTML：

<select id="select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
select {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
}
select:hover {    
    background-color:gren;
}
option:hover {
    background-color:yellow;
}
option {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
    color:blue;
    background-color:yellow;
}

我已经尝试过option :hover{background-color:red;}，但是没有用。有人知道怎么做这个吗？

回答：

当前尚无法应用CSS来获得所需的结果。为什么不使用诸如selectedn或select2之类的库。这些使您可以按照自己的方式设置样式。

如果您不想使用第三方库，则可以制作一个简单的无序列表并玩一些CSS。这里是您可以关注的线程

以上是 在html中将鼠标悬停时更改“选择列表选项”背景色 的全部内容， 来源链接： utcz.com/qa/426742.html

回到顶部