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

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背景色。