单选按钮标签样式

Question

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

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

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

有人可以帮帮我吗？

Answer 1

首先你需要更正标签代码，你有<label"Duration">，它应该有“for”，像这样：

<label for="Duration">

（在这里阅读：http://www.w3schools.com/tags/tag_label.asp）

然后您需要使用您的 CSS 定位 <label>。

在你的 CSS 定义中试试这个：

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

Answer 2

为jackJoe做一点贡献 旁边的小东西：

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

<label class="duration"> 

在 css 中你需要 '.'称它为一个类和一个'#'来称它为一个id（对不起我的英语不好）

css:

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

注意在开头使用 Capslock 字母，最好只使用小写字母。

Answer 3

这是一个示例样式

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