模糊时防止所选选项的颜色和背景颜色发生变化

Question

这是我的焦点选择框:

我模糊的选择框:

如您所见,我的聚焦选择框的选定选项以蓝色突出显示,而对于我的模糊选择框,所选选项以灰色突出显示.

---

如果有人需要,这是我的HTML:

<select size='9' id="functions_select">
    <option>Option 1</option>
    <option>Option 2</option>
    <option selected>Option 3</option>
</select>

CSS:

* {
    outline: none;  
}

---

是否有可能使模糊时选择框的选定选项保持蓝色？

Answer 1

我有一个解决方案:

* {
    outline: none;  
}


option:checked {
    color: white;
    -webkit-text-fill-color: white;
    background: #1e90ff repeat url("http://i.stack.imgur.com/Istm3.jpg");
}

<select size='9' id="functions_select" multiple>
    <option>Option 1</option>
    <option>Option 2</option>
    <option selected>Option 3</option>
</select>

它background-image用于option,这不会让浏览器使用default背景颜色.