纯CSS自定义checkbox对号

---

  最近在做微信小程序，因为这个东西用的是自己的样式，也不支持BOM，所以有些东西用以前做浏览器前端的经验来看不太好弄，必须另辟捷径。
  今天在做一个小程序项目，需要自定义checkbox复选框，自定义边框和内部对号样式，结合在网上搜到的东西以及自己理解，总算是做出来了。
 这里主要是利用css3的伪类。
  废话不多话，以下是源码实现。

 html结构大概是这样的:

<label id="labelId" for="regular">
    <checkbox id="regular"/>
</label>

 css代码是这样的：

#labelId{
    width:30px;
    height:30px;
    border-radius: