如何在CSS悬停时更改选择选项的颜色？
如何在CSS悬停时更改选择选项的颜色？
提问于 2015-09-29 06:52:15
<select style="width:245px;">
<option value="rseleccionar">Seleccione..</option>
<option value="bs">Bienes Separados</option>
<option value="bm">Bienes Mancomunados</option>
</select>我想为另一个更改默认的蓝色。
回答 3
Stack Overflow用户
发布于 2015-09-29 15:54:46
select option 和tag tag的样式非常有限。
这是因为它们的显示方式可能会因浏览器/操作系统而异。想象一下当你点击手机上的select标签时会发生什么。在桌面浏览器上，您不会得到预期的下拉列表。所以你不能设计通用的样式，因为它不会原生地显示所有地方的保存。
样式的可能性是：主要在select标签上，但在option上非常有限。例如，可以禁用选择框的原生样式：
select {
appearance: none;
/* may need vendors prefixes. */
}另一个解决方案是:使用其他标签模拟选择框的 jQuery插件：
选择所有谷歌可能返回的关键字"jQuery
Stack Overflow用户
发布于 2015-09-29 16:12:47
选项元素由操作系统呈现，而不是由HTML呈现。不能修改这些元素的样式。
Stack Overflow用户
发布于 2015-09-29 21:10:40
试试这个，希望它能行得通
<select class="hover_color" style="width:245px;">
<option value="rseleccionar">Seleccione..</option>
<option value="bs">Bienes Separados</option>
<option value="bm">Bienes Mancomunados</option>
</select>
.hover_color:hover { background-color: red; border:1px solid red }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32833019
复制相关文章
相似问题
腾讯云开发者
