我给了bg图像单选按钮.它是在铬工作,但不是在莫西拉.
这是我的代码
<div class="fieldlist">
<label for="shipadd2">
<input type="radio" id="shipadd2" name="address" />
<div class="compacttext"> Lorem ipsum </div>
</label>
</div>
CSS是
.fieldlist input[type="radio"] { float: right; -webkit-appearance: none; border: none; width: 25px; height: 25px; background: url(images/radio.png) left center no-repeat; background-size: 20px; } .fieldlist input[type="radio"]:checked { background: url(images/radio_checked.png) left center no-repeat; }
解决方法
这样写：
CSS：
input[type="radio"]{ display:none; } input[type="radio"] + label { background: #999; height: 16px; width: 16px; display:inline-block; padding: 0 0 0 0px; } input[type="radio"]:checked + label { background: #0080FF; height: 16px; width: 16px; display:inline-block; padding: 0 0 0 0px; }
HTML
<input type="radio" id="shipadd2" name="address" /> <label for="shipadd2"></label>
