amaze ui js 插件怎么用
1个回答
展开全部
radio、checkbox 样式重写。
选框图标使用 Icon Font,如果你的浏览器不支持 Icon Font(一些国内的产商就是有把正常的功能搞残的本事),请谨慎使用。
使用演示
默认样式
Copy
复选框
没有选中
已选中
禁用/未选中
禁用/已选中
单选框
未选中
已选中
禁用/未选中
禁用/已选中
<div class="am-g">
<div class="am-u-sm-6">
<h3>复选框</h3>
<label class="am-checkbox">
<input type="checkbox" value="" data-am-ucheck> 没有选中
</label>
<label class="am-checkbox">
<input type="checkbox" checked="checked" value="" data-am-ucheck checked>
已选中
</label>
<label class="am-checkbox">
<input type="checkbox" value="" data-am-ucheck disabled>
禁用/未选中
</label>
<label class="am-checkbox">
<input type="checkbox" checked="checked" value="" data-am-ucheck disabled
checked>
禁用/已选中
</label>
</div>
<div class="am-u-sm-6">
<h3>单选框</h3>
<label class="am-radio">
选框图标使用 Icon Font,如果你的浏览器不支持 Icon Font(一些国内的产商就是有把正常的功能搞残的本事),请谨慎使用。
使用演示
默认样式
Copy
复选框
没有选中
已选中
禁用/未选中
禁用/已选中
单选框
未选中
已选中
禁用/未选中
禁用/已选中
<div class="am-g">
<div class="am-u-sm-6">
<h3>复选框</h3>
<label class="am-checkbox">
<input type="checkbox" value="" data-am-ucheck> 没有选中
</label>
<label class="am-checkbox">
<input type="checkbox" checked="checked" value="" data-am-ucheck checked>
已选中
</label>
<label class="am-checkbox">
<input type="checkbox" value="" data-am-ucheck disabled>
禁用/未选中
</label>
<label class="am-checkbox">
<input type="checkbox" checked="checked" value="" data-am-ucheck disabled
checked>
禁用/已选中
</label>
</div>
<div class="am-u-sm-6">
<h3>单选框</h3>
<label class="am-radio">
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询