ionic封装radio控件的时候将控件隐藏了

导致控件无法被点击

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
1 .item-radio input {
2   /* hide any radio button inputs elements (the ugly circles) */
3   position: absolute;
4   left: -9999px; }

 

 

解决思路：反其道而行之

   <li class="item item-radio">
        <input type="radio" name="sex"  checked style="z-index:10;left: -30px; width: 500px; height: 1000px;">
        <div class="radio-content">
            <div class="item-content">
                女
            </div>
            <i class="radio-icon ion-checkmark"></i>
        </div>
    </li>
    <li class="item item-radio">
        <input type="radio" name="sex" style="z-index:10;left: -20px; width: 800px; height: 1000px;">
        <div class="radio-content">
            <div class="item-content">
               男
            </div>
            <i class="radio-icon ion-checkmark"></i>
        </div>
    </li>

input控件的行内样式将按钮无厘头放大，达到了能够点击但是不显示控件原来图形的目的，希望有更好的办法

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄