html
1<!DOCTYPE html> 2<html class="mdc-typography"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Checkboxes</title> 6 <link 7 rel="stylesheet" 8 href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css"> 9 10</head> 11 <body> 12 <main> 13 <h1 class="mdc-typography--display1">press here</h1> 14 <div class="mdc-form-field"> 15 <div class="mdc-checkbox"> 16 <input type="checkbox" 17 class="mdc-checkbox__native-control" 18 id="checkbox-1"/> 19 <div class="mdc-checkbox__background"> 20 <svg class="mdc-checkbox__checkmark" 21 viewBox="0 0 24 24"> 22 <path class="mdc-checkbox__checkmark-path" 23 fill="none" 24 d="M1.73,12.91 8.1,19.28 22.79,4.59"/> 25 </svg> 26 <div class="mdc-checkbox__mixedmark"></div> 27 </div> 28 </div> 29 <label for="checkbox-1">Checkbox 1</label> 30 </div> 31 </main> 32 33 </body> 34</html> 35
上記のソースにてチェックボックスを試しに作成したのですが、チェックすると緑になるので色を変更したいと思っています。
テーマの変更などほかのサイトを参考にしたのですがどこに記述したらいいかがわかりませんでした。ご教示お願いいたします。
追記
必要な情報が何かがわからないので足りない情報があればご指摘ください。
--mdc-theme-secondaryの色を好きなものに設定すればいいと思いますが、どこにというのは?
回答1件
あなたの回答
tips
プレビュー