找了好多文章也没解决,大家发的都是怎么更改默认样式,并不是解决我上述标题问题。
由于是运行在真机上,无法很方便的审查到元素样式,在我即将把bug延期的时候,我突然想到可以运行到程序到浏览器,在f12 就很明了了。
复选框默认选中样式:
取消勾选后:
这个蓝色框是不应该有的,查看元素,发现:
多了一个hover样式。
所以我在app.vue页面加了:
/deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
border-color: #d1d1d1;
}
就解决了。