html - チェックボックスとラジオボタンの境界線の色を変更する

Question

CSSを使ってチェックボックスとラジオボタンの枠の色(丸と四角の色)を変えるには?

私はたくさん試しましたが、正しいものが得られませんでした。

私にアドバイスしてください？

Answer 1

それは単に不可能です。ただし、実際のチェックボックスを非表示にし、スタイル付きラベルをオーバーレイとして使用する回避策があります。見栄えがよく、うまく機能します。

詳細はこちら: http://css-tricks.com/the-checkbox-hack/

Answer 2

チェックボックスを div で囲み、境界線を配置するか、 を作成してtable境界線を配置します。td

div{
   border: 1px solid red
}

また

td{
   border: 1px solid red
}


<div>
   <input type="checkbox"/>
</div>

Answer 3

カスタムラジオボタンを作成できます。js を使用して、画像を表示または非表示にできます。画像はデザインされたチェックボックスのようになり、元のチェックボックスは非表示になります。画像クリック時にチェックボックスの値を変更します。