[英]Ionic 2 Radio button (<ion-radio>) showing only the button and nothing else
[英]ionic showing radio button
我在离子项目中的注册表需要显示单选按钮。 但是我有两个问题:
这是我的代码:
<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%;
}
任何想法? 谢谢。
奇怪的是,单选按钮和复选框在离子模式下不起作用。 快速搜索发现了这个...
https://github.com/driftyco/ionic/issues/423#issuecomment-33045079
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.