ionic radio控件无法点击的解决方案

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

导致控件无法被点击

.item-radio input {
  /* hide any radio button inputs elements (the ugly circles) */
  position: absolute;
  left: -9999px; }

解决思路：反其道而行之

   <li class="item item-radio">
        <input type="radio" name="sex"  checked style="z-index:10;left: -30px;  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;  800px; height: 1000px;">
        <div class="radio-content">
            <div class="item-content">
               男
            </div>
            <i class="radio-icon ion-checkmark"></i>
        </div>
    </li>

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