使用easyui框架form控件，单选按钮radio或复选框checkbox样式问题

为什么80%的码农都做不了架构师？>>>   

easyui只提供了textbox文本框，未提供单选按钮radio或复选框checkbox控件，在使用过程中，会存在单选按钮radio或复选框checkbox与文本框textbox样式不统一的问题，要保证其样式的统一性，可以通过如下代码实现：

form表单html代码：<tr><td style="text-align:right;">是否管理员：</td><td style="text-align:left"><span class="radioSpan"><input type="radio" name="adminFlag" value="0">否</input><input type="radio" name="adminFlag" value="1">是</input></span></td></tr>

通过css改变radioSpan的样式：

/*新增/修改用户时，是否管理员样式保持与easyui一致*/.radioSpan {position: relative;border: 1px solid #95B8E7;background-color: #fff;vertical-align: middle;display: inline-block;overflow: hidden;white-space: nowrap;margin: 0;padding: 0;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;display:block;}

转载于:https://my.oschina.net/TTSK/blog/842708

总结

以上是生活随笔为你收集整理的使用easyui框架form控件，单选按钮radio或复选框checkbox样式问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。