自定义 checkbox 和 radio

在页面中我们经常会使用到 checkbox 和 radio，但是，部分浏览器显示的效果并不能让我们满意，因此想通过一种方式，更改其样式。
这里使用到的就是使用 label，结合 before 实现样式的更改。
完整代码：

    
    
    
    



    

        
        test
        
        test
        
        test
    
    

        
        boy
        
        girl
    

效果图：

这样相比之前就好看那么一点点，如果引入字体图标，对 css 稍作更改，就能基本满足自己的需求了。