html就放一个input样式比较少，可以自己调css@act-color:#FFBA01;input[type=checkbox]{width:16px;高度：16px；垂直对齐：子；溢出：可见；可见性：隐藏；＆：之后{内容：'';显示：内联块；宽度：14px；高度：14px；;边框：1px实心rgba(153,153,153,0.9)；能见度：可见；颜色：@act-color；行高：1；字体大小：16px；文本对齐：居中；光标：指针；}&:hover:after{border-color:@act-color;}&:checked::after{内容：'\2714';}}很简单，在input里放一个after伪元素，把原来的checkbox替换掉。隐藏原始复选框，可见性：hidden；选中的样式对应后面的内容：'\2714''\2714'对应刻度样式。效果如下
