Как в Windows8 Metro изменить цвет выделения уже выбранного элемента в раскрывающемся списке

Я создаю страницу в Windows Metro с помощью WinJS. У меня есть объект JavaScript DatePicker, который представляет собой базовый раскрывающийся список выбора/опции в 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

Пожалуйста помоги. Как стилизовать выбранный элемент?


css microsoft-metro winjs windows-8
person Paul    schedule 25.10.2012    source источник

Ответы (2)


arrow_upward
5
arrow_downward

попробуйте это - цвета должны быть достаточно яркими, чтобы заметить, откуда они берутся.

.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;
}
person Jim O'Neil    schedule 26.10.2012
comment
ДА! Большое спасибо! опция: проверено; это то, что мне было нужно. - person Paul; 26.10.2012
comment
.myDropdown:focus option:checked:hover очень важен, если вы хотите избавиться от ВСЕХ глупых фиолетовых! - person catalyst294; 23.04.2014

arrow_upward
2
arrow_downward

Вы также можете использовать пример ThemeRoller по адресу http://code.msdn.microsoft.com/windowsapps/Theme-roller-sample-64b679f2, чтобы помочь сгенерировать CSS для переопределения всех элементов управления.

person Community    schedule 21.02.2013