uniapp 中修改 uni-checkbox 默认样式

最新推荐文章于 2024-08-27 23:47:05 发布

ur home

最新推荐文章于 2024-08-27 23:47:05 发布

阅读量2.2k

点赞数 4

分类专栏： uniapp 文章标签： uni-app 前端

本文链接：https://blog.csdn.net/wz_coming/article/details/112828031

版权

uniapp 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

uniapp checkbox 默认样式是

我修改的样式是

在App.vue中加上就可以，最外层可是当前页面的最外层class
    .wrap {
		/* #ifdef H5 */
		uni-checkbox .uni-checkbox-input {
			border: none !important;
		}
		
		uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
			color: #FF6903;
		}
		
		.uni-checkbox-input.uni-checkbox-input-checked {
			border: none !important;
		}
		/* #endif */
		
		/* 微信中样式 */
		/* #ifdef APP-PLUS ||MP-WEIXIN */
		checkbox .wx-checkbox-input {
			border: none !important;
		}
		checkbox .wx-checkbox-input-disabled {
		    background: #fff !important;
		    border: none !important;
		}
		checkbox .wx-checkbox-input.wx-checkbox-input-checked {
			color: #FF6903;
		}
		.wx-checkbox-input.wx-checkbox-input-checked {
			border: none !important;
		}
		/* #endif */
	}