chrome的下拉菜单悬停时默认的背景颜色是蓝色。我想要改成其他颜色。
查了资料后发现可以用-webkit-appearance:none;来实现。但是我做的damo没能实现。
CSS样式如下
<style type="text/css">
select{margin-top: 1px;background: none;-webkit-appearance: none;}
option{height: 30px;background-color: #fff;padding-right: 10px;padding-left: 10px;-webkit-appearance:none;appearance:none;}
option:hover{background-color: #ddd;}
</style>
DOM
<body>
<button>按钮</button>
<br>
<select>
<option>下拉菜单</option>
<option>下拉菜单</option>
<option>下拉菜单</option>
<option>下拉菜单</option>
</select>
</body>
烦请解答