ラジオボタンの円丸の色の変更をしたい

Question

ラジオボタンの背景ではなく、円丸の中の選択ポインタ？うまく説明できなくて申し訳ないのですが、色を黒から水色に変えたいと考えています。CSSを使う場合どのように指定してやればいいのでしょうか？ご回答宜しくお願い致します。

Answer 1

http://webdev.jp.net/checkbox-radio-custom-css/
ここが参考になりますね。

Comments

[touch]

大変参考になりました。ご回答有難うございました。

Answer 2

結論から申し上げると、ラジオボタン、チェックボックス、セレクトボックスについてはCSSでデザインの変更が若干めんどくさいです。(一部ブラウザのみCSSでデザインの変更ができます。)
IE8以下まで対応させる場合jsが必要になってくると思います。

対応ブラウザがIE9以上なら
マークアップにこだわる例
http://nanndemoiikara.hatenablog.com/entry/2015/05/04/154954
マークアップにこだわらない例
http://qiita.com/ryo620/items/a7941774469a6229a64a

IE8以下
http://blog.mach3.jp/2012/07/31/graphical-togglebutton-by-radio-input.html

Comments

[touch]

ご回答ありがとうございました。
無事に解決をすることができました。

[nanndemoiikara]

解決したようで何よりです。

Answer 3

ラジオボタンを非表示にして、<label>のスタイルを変えるとできますよ

Comments

[touch]

無事に解決しました。ご回答有難うございました。