最近在为公司开发微信公众号,在测试的时候发现单选框按钮在安卓下显示正常,但是在ios下就显示的样式特别难看,尤其在选中状态下,在ios中直接就是显示一个黑点,样式特别难看。
最后发现,在ios下这种方式是不兼容的,所以自己就封装了一组单选框按钮,样式还算可以,现在分享出来,供大家使用
<input type='radio'/>此种方式在ios下不兼容
直接上代码:
html:
<label id="isPrice" class="toPricing">
是
<div id="is_checked" style="display: none"> <img src="./img/checked.png" class="w_checked"></div>
<div id="is_nochecked"> <img src="./img/nochecked.png" class="w_checked" ></div>
<!--<input type="radio" id="isPrice" name="isPricing" />-->
<input type="hidden" id = "is_checked_val">