html - css radiobox隐藏内圈以改变样式

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>您可以将 the和另一个元素（例如 a ）包装<span>在标签中，隐藏输入，并将所有样式应用到<span>代替（或将 the<label>与适当的for/id组合一起使用）。

http://jsfiddle.net/fapYX/