css - 在 Windows8 Metro 中，如何更改下拉列表中已选择元素的突出显示颜色

我正在使用 WinJS 在 Windows Metro 中构建一个页面。我有一个 DatePicker JavaScript 对象，它是 HTML 中的基本选择/选项下拉列表。一旦你点击下拉菜单，我已经想出了如何为它的每个部分添加 CSS，除了所选元素的突出显示颜色。无论我的目标是什么 css 类或伪元素，我都无法获得该元素。它始终保持默认的 Windows 8 紫色。

http://paulkarpenko.com/images/dropdowncolor.png

假设下拉列表是 .myDropdown。
我试过了

.myDropdown select        //styles pre-clicked select element
.myDropdown::-ms-value    //styles pre-clicked select label area
.myDropdown::-ms-expand   //styles pre-clicked select down arrow
.myDropdown option        //styles entire dropdown area
.myDropdown option:hover  //styles dropdown area's mouse-hover elements

请帮忙。如何设置所选元素的样式？

最佳答案

试试这个 - 颜色应该足够花哨，可以注意到它们来自哪里。

.myDropdown option:checked, .myDropdown:focus::-ms-value {
    color: rgb(255, 255, 255);
    background-color: yellow;
}

.myDropdown option:checked:hover, .myDropdown:focus option:checked:hover {
    color: rgb(255, 255, 255);
    background-color: yellowgreen;
}

关于css - 在 Windows8 Metro 中，如何更改下拉列表中已选择元素的突出显示颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13075995/