3

WinJS を使用して Windows Metro でページを作成しています。HTML の基本的な選択/オプション ドロップダウンである DatePicker JavaScript オブジェクトがあります。ドロップダウンをクリックすると、選択したアイテムのハイライト色を除いて、すべての部分を 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

You can also use the ThemeRoller Sample at http://code.msdn.microsoft.com/windowsapps/Theme-roller-sample-64b679f2 to help generate CSS to override all the controls.

于 2013-02-21T04:08:27.350 に答える