Firefoxでチェックボックスの色を最終的に変更する方法?

チェックボックスの色の変更: 永続的なパズル

チェックボックスの背景色のスタイルを設定することは、歴史的に困難でした。スタイリングを試みたにもかかわらず、Firefox 29 ユーザーは一貫してチェックボックスの色が変更されていません。

解決策の探索

開発者は、次のようなさまざまな CSS ルールを検討してきました。

<code class="css">input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;
}</code>

しかし、これらの試みは無駄であることが判明しました。

すばらしい新世界

CSS プロパティ アクセントカラーの導入により、ブラウザのサポートが最終的にチェックボックスのスタイル設定に拡張されました。 。現在、開発者は希望する色を簡単に割り当てることができます。

<code class="css">#cb1 {
  accent-color: #9b59b6;
}

#cb2 {
  accent-color: #34495e;
}

#cb3 {
  accent-color: #e74c3c;
}

<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked />
<input id="cb3" type="checkbox" checked /></code>

この画期的な進歩により、開発者はチェックボックスの色を簡単にカスタマイズできるようになり、新しいレベルの設計の柔軟性が解放されます。

以上がFirefoxでチェックボックスの色を最終的に変更する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。