在Windows8 Metro中,如何更改下拉列表中已选择项目的突出显示颜色

Question

我正在使用WinJS在Windows Metro中构建一个页面.我有一个DatePicker JavaScript对象,它是HTML中的基本选择/选项下拉列表.一旦你点击下拉列表,我已经想出了如何CSS除了所选项目的高亮颜色之外的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;
}