1

Metro のラジオ ボタンの標準的な外観のスタイル設定に成功しました

input[type=radio]::-ms-check { 
    border: none; 
    background: transparent url('myImage.png');
}

とアクティブな状態

input[type=radio]::-ms-check:active { 
    border: none; 
    background: transparent url('myActiveImage.png');
}

しかし、私は一生、チェックされた状態をスタイルする方法を理解できません。明らかな選択肢は機能しません:

input[type=radio]::-ms-check:checked {}
input[type=radio]:checked {}

これはメトロでも可能ですか？

アップデート：

input[type=radio]:checked::-ms-check {
    background: red;
}

...背景色を変更するために機能しますが、ラジオドットは削除されません。これは、背景に自分の画像を使用したい場合に必要なことです。ドットは削除できますか？

4

1 に答える 1

3

問題は、 に正しい量のコロンを使用していないことです::-ms-check。これは疑似要素なので、2 つのコロンがあります。(疑似セレクターとは対照的に、疑似セレクターがあります。)

また、順序が逆になっています。疑似要素を取得してからそのバージョンのスタイルを設定するのではなく、ラジオ ボタンの::-ms-check疑似要素を操作することを指定する必要があります。:checked::-ms-check:checked

したがって、次のように動作するはずです。

input[type=radio]::-ms-check {
    background: orange;
}

input[type=radio]:checked::-ms-check {
    background: blue;
    color: red; // to remove it, `color: transparent`
}

ライブ デモ (IE10 で表示): http://codepen.io/anon/pen/zAwyp

于 2012-11-06T00:22:57.610 に答える