3

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

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

4

2 回答 2

5

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

.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;
}
于 2012-10-26T01:54:46.967 回答
2

您还可以使用位于http://code.msdn.microsoft.com/windowsapps/Theme-roller-sample-64b679f2的 ThemeRoller 示例来帮助生成 CSS 以覆盖所有控件。

于 2013-02-21T04:08:27.350 回答