最近在做微信小程序,因为这个东西用的是自己的样式,也不支持BOM,所以有些东西用以前做浏览器前端的经验来看不太好弄,必须另辟捷径。
今天在做一个小程序项目,需要自定义checkbox
复选框,自定义边框和内部对号样式,结合在网上搜到的东西以及自己理解,总算是做出来了。
这里主要是利用css3的伪类。
废话不多话,以下是源码实现。
html结构大概是这样的:
<label id="labelId" for="regular">
<checkbox id="regular"/>
</label>
css代码是这样的:
#labelId{
width:30px;
height:30px;
border-radius: