Firefoxでチェックボックスの色を最終的に変更する方法?-CSSチュートリアル-php.cn

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

Mary-Kate Olsen

リリース： 2024-10-29 20:07:02

オリジナル

1089 人が閲覧しました

How To Finally Change Checkbox Colors in 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 サイトの他の関連記事を参照してください。