所以，我在我的网站上使用了一个选择栏。我试图在悬停时改变选项的背景颜色。此外，如果有人知道为垂直滑块设置样式的好方法，那就太棒了。
这是我尝试做的事情的小提琴： http://jsfiddle.net/zof9suLz/
<select class="scrollbar" name="mydropdown" onchange="document.location = this.value">
<option value="#">Search by State</option>
<option class="scrollbar-option" value="http://alabamaadoptivefamilies.com/">Alabama</option><br />
奇怪的是，当你使用滚轮向下移动并放在一个选项上时，会出现正确的颜色，直到你再次移动鼠标。
当你将鼠标悬停在选项上时，我只需要更改背景颜色，但我不能让它做我想做的事，哈哈。 我的网站网址是：statesites.wpengine.com
答案 0 :(得分：0)
您所描述的内容在我看来是完全有效的行为，我在任何网页中看到select时表现都是这样，即滚动后选项上的背景颜色仅在移动鼠标后发生变化。只是为了验证我是否尝试了demo on w3 pages (try it yourself)并添加了更多滚动条显示选项 - 它会导致相同的行为，但肯定不是由冲突的样式引起的。
至于自定义滚动条样式，这似乎与此SO question重复，引用了最受欢迎的答案：
Scrollbar CSS样式是微软开发人员发明的奇怪之处。 它们不是CSS的W3C标准的一部分，因此大部分都是 浏览器只是忽略它们。