uniapp 复选框问题

之前在开发中遇到过使用colorui组件库的时候,uniapp自带的复选框和colorui的样式有冲突,以至于出现复选框中的勾号一直不显示,后来发现是因为colorui的样式问题

问题的根源:

 

 

 

 

 

 

 

 

 

 

 

 

解决方法:在App.vue中添加如下样式

    uni-checkbox .uni-checkbox-input {
        border-radius: 3upx !important;
        color: #ffffff !important;
    }

    uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
        color: #fff;
        border-color: rgb(0, 122, 255);
        background: rgb(0, 122, 255);
    }

    uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:after {
        font-size: 18px;
    }

 

posted @ 2020-09-10 12:12  奔跑的前端猿  阅读(4924)  评论(0编辑  收藏  举报