風格化A <Select>酒吧

所以，我在我的一個網站使用選擇欄。我試圖在懸停時更改選項的背景顏色。另外，如果有人知道設計垂直滑塊的好方法，那就太棒了。風格化A <Select>酒吧

這裏是我想要做一個小提琴： 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

來源

2014-10-10 LarsMonty

爲什麼在'select'中使用'br'？ – Oriol 2014-10-10 22:18:40

我實際上並沒有創建選擇欄，我的老闆做到了，她只是讓我去設計它。我不知道爲什麼，我會刪除它。 – LarsMonty 2014-10-10 22:19:56

如果刪除所有樣式，您將看到相同的行爲。因此，這是本機行爲，不是你的錯。 – Oriol 2014-10-10 22:21:11

你描述的我看來，像完全合法的行爲，都是我在它的表現就像任何網頁時，即在選擇背景顏色看到select暫且滾動後盤旋只有在移動鼠標後纔會改變。爲了驗證我嘗試了demo on w3 pages (try it yourself)，並添加了更多的滾動條顯示選項 - 它導致了相同的行爲，它肯定不是由衝突的樣式造成的。

至於定製滾動條的風格，這似乎是這個SO question的複製，引用最upvoted答案：

滾動條CSS樣式是由微軟開發人員發明了一種怪胎。它們不屬於W3C的CSS標準，因此大多數瀏覽器都忽略它們。

來源

2014-10-10 22:23:32

好的，謝謝。你知道是否有一種可以將淺藍色盤旋顏色改變爲＃1e1166的款式選擇，還是我只是在

風格化A <Select>酒吧

回答