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

html-css017

怎么用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

}

<input style="transform: scale(5,5)" type="radio" />

css代码效果为，把input radio放大5倍，同理，这个放大属性可用在input checkbox上。

但使用时需注意兼容性！