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

Question

我正在使用 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

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

Answer 1

试试这个 - 颜色应该足够艳丽，可以注意到它们的来源。

.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;
}