例如,自定义组件中使用了微信小程序的checkbox组件:
现在要修改checkbox组件的默认样式,可以如下操作:
- 访问微信小程序官方文档,找到checkbox组件,查看它的类,类是wx-checkbox-input、wx-checkbox-input-checked、和伪类::before:
https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html
-
在自定义组件的js文件中配置样式隔离选项为shared:
-
在自定义组件中用checkbox的类修改复选框的默认样式。注意:因为样式隔离配置了shared,为了避免影响其它页面,所以在选择的时候加上自定义类进行限制:
其中custom-checkbox是在自定义组件中给checkbox加的一个的类,目的是为了限制影响范围: