ionic 单选框设计样式
发布时间:2020-12-17 10:09:02 所属栏目:安全 来源:网络整理
导读:html ng-app="ionicApp"headmeta charset="utf-8"meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width"title单选框/titlelink href="ionic/css/ionic.min.css" rel="stylesheet"script src="ionic/js/ionic
<html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width"> <title>单选框</title> <link href="ionic/css/ionic.min.css" rel="stylesheet"> <script src="ionic/js/ionic.bundle.min.js"></script> </head> <body> <div class="bar bar-header"> <div class="h1 title">单选框</div> </div> <div class="content has-header"> <ul class="list"> <li class="item item-checkbox"> <label class="checkbox"> <input type="radio" name="group" > </label> 单选1 </li> <li class="item item-checkbox"> <label class="checkbox"> <input type="radio" name="group" > </label> 单选2 </li> <li class="item item-checkbox"> <label class="checkbox"> <input type="radio" name="group" > </label> 单选3 </li> <li class="item item-checkbox"> <label class="checkbox"> <input type="radio" name="group" > </label> 单选4 </li> <li class="item item-checkbox"> <label class="checkbox"> <input type="radio" name="group" > </label> 单选5 </li> </ul> </div> </body> </html> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |