html – 更改’选择’突出显示颜色

概述参见英文答案 > How to change colour of blue highlight on select box dropdown                                    9个 我有一个自定义的下拉菜单框(见图)我想更改选项上的高亮颜色,摆脱可怕的蓝色,并将其更改为我选择的颜色,我还想停止蓝色突出显示框周围整个过程并从选项框中删除边框.如何删除任何或所有这些 参见英文答案 > How to change colour of blue highlight on select box dropdown                                    9个
我有一个自定义的下拉菜单框(见图)我想更改选项上的高亮颜色,摆脱可怕的蓝色,并将其更改为我选择的颜色,我还想停止蓝色突出显示框周围整个过程并从选项框中删除边框.如何删除任何或所有这些？

谢谢

HTMLcode:<div ><select ID="contactdropdown"><option value="Email">Email Form</option><option value="Website">Website Form</option><option value="Creation">Creation Form</option></select></div>CSScode:.contactselect select{   background: url(Images/ArrowO.png) no-repeat right #000;   wIDth:268px;   padding:5px;   color:#F7921C;   Font-size:25px;   Font-family:dumbledor;   line-height:1;   border:solID 4px #F7921C;   border-radius:10px;   height:45px;   -webkit-appearance:none;}

解决方法 那么你不能改变选择选项的悬停颜色,因为它是由 *** 作系统而不是HTML渲染的,但你删除蓝色轮廓的第二个答案如下：

在你的CSS中添加outline：none：

.contactselect select{   background: url(Images/ArrowO.png) no-repeat right #000;   wIDth:268px;   padding:5px;   color:#F7921C;   Font-size:25px;   Font-family:dumbledor;   line-height:1;   border:solID 4px #F7921C;   border-radius:10px;   height:45px;   -webkit-appearance:none;    outline: none;}

这是JS Fiddle Demo.

总结

以上是内存溢出为你收集整理的html – 更改’选择’突出显示颜色全部内容，希望文章能够帮你解决html – 更改’选择’突出显示颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。