很简单，input里面放个after伪元素，替代原本的checkbox。原checkbox用visibility: hidden;隐藏掉。选中样式对应after的content: '\2714''\2714'对应打勾样式。

canIuse 查询，显示ios和android都完美支持这个css属性，发现问题： ios下，父元素pointer-events:none;点击穿透，子元素 pointer-events:auto;//让子元素的点击事件生效

iphone微信6.7.4版本出现的问题，用户输入时，软键盘弹出。收起软键盘的时候，页面下部软键盘原来位置会变成一片空白区域，页面没有恢复原状。