如何取消 Internet Exploer 的 select 元素在取得焦點時的背景顏色。

解決方案

參考解決方案

https://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box

我採用的方案

select:focus::-ms-value {
    background: none;
}

緣由

要做一個簡單的下拉挑選顏色，挑選後順便變更 select 的背景色。但在 IE 11 一直不順利，原本以為是 IE 11 觸發 jQuery change 事件是在焦點移開時。但後來發現一些細節，才發現是 IE 11 在 select 取得焦點時，多給了背景色。

圖：未選取

圖：選取後

發現是 IE 11 的特殊行為後，就好找解決方案了。