怎么用CSS控制表单中的RADIO样式?

html-css022

怎么用CSS控制表单中的RADIO样式?,第1张

用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选择器权重”补足吧!