uni-app - 内置组件样式修改无效问题

uni-app - 内置组件样式修改无效问题

全局样式中修改

在app.vue中

	//设置圆角
	checkbox.round .wx-checkbox-input,
	checkbox.round .uni-checkbox-input {
		border-radius: 100upx;
	}
	 
	//设置背景色
	checkbox.red[checked] .wx-checkbox-input,
	checkbox.red.checked .uni-checkbox-input{
		background-color: #ffffff !important;   //背景
		border-color: #ffffff !important;   //边框
		color: #2681FB !important;   //对勾
	}

样式穿透

项目里的style标签全部用scoped属性进行了修饰。

所以想在父组件中修改子组件的样式，直接通过子组件的类名是无效的，要实现样式穿透，需要使用深度作用选择器

原生css 使用  >>>
 
less 使用  /deep/
 
sass 使用  :v-deep