我是靠谱客的博主 眯眯眼板栗,这篇文章主要介绍vue input复选框checkbox默认样式纯css修改,现在分享给大家,希望可以做个参考。

复制代码
1
2
3
4
5
<div class="data_list" v-for="(item,index) in data_list" :key="index"> <input type="checkbox" class="check_box tui-checkbox" :id="'id'+item.id" :value="item.id" v-model="checkedNames"> <label :for="'id'+item.id" class="title">{ {item.title}}</label > </div>
复制代码
1
2
3
4
5
6
7
.tui-checkbox:checked { background: #1673ff; border: solid 1px #1673ff; } .tui-checkbox {

最后

以上就是眯眯眼板栗最近收集整理的关于vue input复选框checkbox默认样式纯css修改的全部内容,更多相关vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(93)

评论列表共有 0 条评论

立即
投稿
返回
顶部