用label,例如:
.add_cart_radio{float:left
margin-top:0.5em
margin-right:0.5em
}
.add_cart_radio input[type="radio"]{
display:none
}
.add_cart_radio input[type="radio"] + label{
padding:0.2em 1em
border:1px solid #CCCCCC
border-radius:0.5em
color:#999
}
.add_cart_radio input[type="radio"]:checked + label{
padding:0.2em 1em
border:1px solid #FF6600
border-radius:0.5em
background:#FF6600
color:#FFFFFF
}
写个.radio{float:left
margin:0px
padding:0px…}//先写好打算控制的样式
在下面用到的时候就
<input
type="radio"
class="radio"
/>
这是选择器。a.radio :
a 是标签,也就是 <a ..>.. </a>
radio 是定义在 a 标签上的类,如 <a class="radio" href="#">something..</a>
这个选择器比 .radio 有着更高的权重。
关于 css 的权重方面的知识,楼主自己百度“css选择器权重”补足吧!