2

現在、Metro アプリの 1 つで入力タイプの範囲をスタイル化しようとしています。しかし、コントロールの左側にあるデフォルトの青/紫の色を変更する方法が見つかりません。何か案が？

以下のCSSでマーカーと右部分の色を変えることに成功しました。

html input[type=range]::-ms-track {
  background: yellow;
}

html input[type=range]::-ms-thumb {
  background: red;
}

ですから、似たようなものがあるに違いないと思います。しかし、何？:/

4

1 に答える 1

4

これらの CSS クラスを使用して、範囲コントロールの左側の色をスタイル設定できます。

input[type=range]::-ms-fill-lower {
    background-color: rgb(0, 130, 135); /* same in dark and light */
}
input[type=range]:hover::-ms-fill-lower {
    background-color: rgb(33, 146, 151); /* same in dark and light */
}
input[type=range]:active::-ms-fill-lower {
    background-color: rgb(37, 187, 196); /* same in dark and light */
}
input[type=range]:disabled::-ms-fill-lower {
    background-color: rgba(255, 255, 255, 0.24);
}
.win-ui-light input[type=range]:disabled::-ms-fill-lower {
    background-color: rgba(0, 0, 0, 0.24);
}

上記はデフォルト値であり、色で上書きする必要があることに注意してください。

コントロールの他の色設定または別のコントロールを探している場合は、dark-ui.css ファイルでコントロールのタイプを検索してください。コントロールごとに色分けされたセクションがあります

于 2012-05-25T08:58:44.530 に答える