新しいタイトル: チェックボックスのチェックマークの色の変更

Question

チェックボックスの背景色を変更する関数を実装しましたが、チェックマークが黒くなりますが、これは望ましくありません。マークを白のままにしたいのですが、どうすればこれを実現できますか?

HTML：-

リーリー

これは関数です:-

リーリー

これは出力です:- 背景の変更は成功しましたが、目盛りが黒に変わりました

Answer 1

vue を使用する利点は、カスタム コンポーネントを構築できることです。そこで、以下に示す方法を試してみてください。

仕事スタックブリッツ

特定の要件に合わせてコードを調整する必要がある場合があります。

リーリー ＃＃＃＃＃＃重要＃＃＃＃＃＃

以下をindex.htmlヘッダーに追加します リーリー

Answer 2

デフォルトの HTML チェックボックスのチェックマークの色はブラウザによって決定され、変更できません。ただし、独自のカスタム チェックボックスを作成してお好みのスタイルを設定することができます。

HTML

リーリー

CSSS

リーリー

JSFiddle