问一个css兼容问题,关于radiobutto的

html-css09

问一个css兼容问题,关于radiobutto的,第1张

很正常，你先在body设置 *{margin:0px padding:0px}

所有元素的外内边距为0在试看下。

你还可以用opera chrome ie8都试看下。你会发现个别浏览器中的radio button显示不同。不过暂时没有方法解决，可能是浏览器上的差别。

用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

}