Question

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

默认的radio很小。由于需要输入资料，有很多这样的单选RADIO要点击，感觉小不太好点，能大一圈就好了。能通过CSS控制将它变大点吗？

Answer 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;
}

Answer 2

通常做网页，为了用户体验，都会给raido和后面的文字外面加个label标签的，这样的话点文字就能选上radio的，你只调整radio大小其实也不会好点多少的。

Answer 3

楼市所言极是
比如:
input[type=radio]{
width:10px;
height:10px;
}