离子显示单选按钮

Question

我的离子项目中的注册表需要显示单选按钮。但我有两个问题：

1. 检查状态未显示。
2. 无线电圈的形状不正确



这是我的代码：

<ion-view view-title="Register">
    <ion-content>
        <form name="signinForm" novalidate="" class="padding">

            <label class="item item-input">Login Name</span>
                <input type="email"                     
                    name="email"
                    placeholder="Email" 
                    ng-model="data.email" 
                    required>
            </label>
            <label class="item item-input">
                <span class="input-label orange-label">Password</span>
                <input type="password" 
                    name="password"
                    placeholder="Password" 
                    ng-model="data.password"
                    ng-minlength="5">
            </label>            

            <label class="item item-input">
                <span class="input-label orange-label">Gender</span>

                <fieldset>
                  <div class="some-class">
                    <label for="y">Male </label>
                    <input type="radio" class="radio" name="x" value="y" id="y" checked />
                    <label for="z">Female </label>
                    <input type="radio" class="radio" name="x" value="z" id="z" />                    
                  </div>
                </fieldset>                
            </label>
        </form>

    </ion-content>
</ion-view>

我的单选按钮css：

fieldset {
  overflow:hidden;
  border: 0;
}

input[type='radio'] {
  -webkit-appearance:none;
  width:16px;
  height:16px;
  border:1px solid darkgray;
  border-radius:50%;
}

有什么想法吗？感谢。

Answer 1

这很奇怪，收音机和复选框不会表现为离子。快速搜索发现了这个...

https://github.com/driftyco/ionic/issues/423#issuecomment-33045079