web-dev-qa-db-ja.com

md-チェックボックスの色を変更する

したがって、次のようにして、空のmd-checkboxの背景色を変更できるようです。

md-checkbox .md-icon {
background: red;
}

しかし、チェックされたmd-checkboxの背景を変更することはできません。 :checked::before::after...で遊んでみましたが、うまくいきませんでした。

どうすればよいですか?

10
Ellone

より高い特異性でセレクターを定義するには、テーマクラスとmd-checkedクラスの組み合わせを使用する必要があります。例えば:

md-checkbox .md-icon {
    background: red;
}
md-checkbox.md-default-theme.md-checked .md-icon {
    background: orange;
}

そしてもちろん、!importantの使用は避けてください。これは、スタイルに問題があることを示しています。

9
dfsq

新しいバージョンでは、アンダースコア._md-iconが追加されました。

md-checkbox.md-checked ._md-icon {
         background-color: white;
}
6
Stav Bodik