控制复选框checkbox的样式

简述

大家都知道html默认的复选框样式很low，且无法直接用如background-color等属性控制。一般大家可能会用图片代替复选框来美化样式，而这里介绍的则是另外一种方式。

方案

简言之：隐藏checkbox，改写与之相关联的label样式来代替复选框。

html

css

提示：

• css中相应样式可以根据需要相应调整；
• 如果和echarts图表搭配使用时，根据图表基本配置项的颜色列表来控制复选框的背景色。