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 over'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;
}

单选按钮标签样式

3 个答案: