Wechat applet modifying the style code instance of checkbox

Time:2020-2-21

This article mainly introduces the example of wechat small program modifying the style code of checkbox. The example code is introduced in detail in this article, which has certain reference learning value for everyone’s study or work. You can refer to the following for your friends

Before amendment:

After amendment:

Wxml Code:


<checkbox />

Wxss Code:

/*Check box select money style*/
checkbox{
 transform: scale(0.7,0.7);
}
/*Style after checkbox is selected*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
 color:#fff;
 background: #6669e3;
 border-color:#6669e3;
}

The above is the whole content of this article. I hope it will help you in your study, and I hope you can support developepaer more.