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

Question

如何隐藏单选框的内圈以将样式更改为有 Angular 。请看下图。

CSS:

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

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

Answer 1

您不能仅 按钮隐藏，因此您必须隐藏整个元素。你可以包装 <input>和另一个元素，例如 <span>在标签中，隐藏输入，并将所有样式应用于 <span>相反(或将 <label> 与适当的 for/id 组合使用)。

http://jsfiddle.net/fapYX/