是否可以在悬停时更改选择列表选项的默认背景色?
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;},但是没有用。有人知道怎么做这个吗?
:hover{background-color:red;}
当前尚无法应用CSS来获得所需的结果。为什么不使用诸如selectedn或select2之类的库。这些使您可以按照自己的方式设置样式。
如果您不想使用第三方库,则可以制作一个简单的无序列表并玩一些CSS。这里是您可以关注的线程