Css 单选按钮标签样式

我有一些单选按钮，如下所示：

<input type="radio" name="sex" id="Duration" value="Duration"/>
<label"Duration">Date Range</label>

日期范围

我尝试了几种方法，但无法更改这些单选按钮标签的样式

---

有人能帮我吗？

这是一个样式示例

.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}

---

首先，您需要更正标签代码，您有

，它应该有“for”，如下所示：

<label for="Duration">

---

为jackJoe贡献一点 旁边有个小东西：

“我建议使用class而不是'id'，因为class用于相同目的的多种用途，就像一堆需要相同样式的单选按钮一样，而id在大多数情况下是一次性样式。”

---

另一方面，要注意在开头使用Capslock字母，最好只使用小写字母。

OP希望设置标签样式，而不仅仅是收音机：）class属性“”将有助于设置样式，但是，具有经过验证的答案的作者想说的是：当您使用“”时，标签将指向相应的输入元素。

label {
   text-size: 11px;
   font-weight: bold;
}

<label class="duration"> 

.duration{
width:21px;
height:21px;
margin: 0px;
padding: 0px;
background-image:url(images/radiobutton.png);
background-repeat: no-repeat;
}