html - cssラジオボックスはスタイルを変更するために内側の円を非表示にします

Question

ラジオボックスの内側の円を非表示にして、スタイルをコーナーに変更するにはどうすればよいですか。下の写真をご覧ください。

CSS:

input[type="radio"]
{
  width: 166px;
  height: 32px;
  position:relative;
  vertical-align: middle;
}

input[type="radio"]:checked
{
  background-position: -36px -232px;
}

Answer 1

ボタンだけを非表示にすることはできないため、要素全体を非表示にする必要があります。<input>と a などの別の要素をラベルでラップし<span>、入力を非表示にして、代わりにすべてのスタイルを に適用できます<span>(または<label>適切なfor/のid組み合わせで を使用します)。

http://jsfiddle.net/fapYX/