Syntax: $skipComponentStyles:(cx-mini-cart, cx-searchbox);
The meaning of Opt-out: voluntary withdrawal, not participating
Example: The following figure is the default style of cx-mini-cart and cx-searchbox:
The following figure shows the search bar and shopping cart icon list after these two styles are disabled:
[External link image transfer failed. The source site may have an anti-leech link mechanism. It is recommended to save the image and upload it directly (img-8swMWiBr-1600260404758)(https://upload-images.jianshu.io/upload_images/2085791-e0b4e53091aa8026.png ?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]
Take cx-mini-cart as an example:
Syntax: $skipComponentStyles:(cx-mini-cart);
The effect is as follows, the color style becomes black:
The color of the default cx-mini-cart is controlled by var (–cx-color-primary):
var(–cx-color-primary)
[External link image transfer failed. The source site may have an anti-leech link mechanism. It is recommended to save the image and upload it directly (img-dJJKpBPh-1600260404761)(https://upload-images.jianshu.io/upload_images/2085791-cdf561b8bb98e79a.png ?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]
You can dynamically modify this color in Chrome Developer Tools, for example, to green:
[External link image transfer failed. The source site may have an anti-leech link mechanism. It is recommended to save the image and upload it directly (img-pNMVziDX-1600260404762)(https://upload-images.jianshu.io/upload_images/2085791-65058a83dcef61ed.png ?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]
To get more original articles by Jerry, please follow the public account "Wang Zixi":