如何在悬停时用CSS更改选择选项的颜色？ [英] How can I change color of a select option with CSS on hover?

问题描述

 < select style =width：245px;> 
< option value =rseleccionar> Seleccione ..< / option> 
< option value =bs> Bienes Separados< / option> 
< option value =bm> Bienes Mancomunados< / option> 
< / select> 
  

我想改变另一个蓝色的默认值。

 < / div> select class =hover_colorstyle =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} 
  

<select style="width:245px;">
    <option value="rseleccionar">Seleccione..</option>
    <option value="bs">Bienes Separados</option>
    <option value="bm">Bienes Mancomunados</option>
</select>

I want to change the blue color of default for another.

解决方案

Try this, hope it'll work

<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 }

这篇关于如何在悬停时用CSS更改选择选项的颜色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！