ラジオボタンを格好よくデザインする - 北海道苫小牧市のホームページ制作 STUDIO KEYラジオボタンを格好よくデザインする 2015年07月27日 レスポンシブにコーディングすると、スマートフォンでチェックし難いラジオボタンやチェックボックスをどうにかしたいと考える人は多いと思います。 色々な方が素晴らしいデザインを公開していますので、それを使うのも一手、ただ、オリジナルでデザインしたいと思うと、ちょっと凝りすぎているケースもちらほら。ましてそれを解説しても二番煎じなので、ここではシンプルに考える事にします。 サンプル チェックされた方の背景色を変更するだけ、というシンプルなもの。 /* ラジオボタンは非表示にする */ input[type=radio] { display: none; } /* チェックされた時のスタイル */ input[type="radio"]:checked + label { background: #0063A4; color: #FFF;
ラジオボタンやチェックボックスを格好良くする(2) - STUDIO KEY CSSサンプル
