CSS3特效-自定义checkbox样式
前言: 在实际开发过程中,大多数时候都不会用原生的checkbox样式,因为太丑了, 如果我们不用任何ui库的话, 就要手动写一个了, 原理就是将默认的checkbox 的input标签隐藏掉, 然后在与其一套的label标签前/后加一个checkbox的图标(可以是图片,也可以使svg,这里我们用的svg).\n\n\n效果图:\n\n\n代码:\n\n\n\n//css\n.checkbox{\n\tdispla...
白色玫瑰
( 1年前 )
前言: 在实际开发过程中,大多数时候都不会用原生的checkbox样式,因为太丑了, 如果我们不用任何ui库的话, 就要手动写一个了, 原理就是将默认的checkbox 的input标签隐藏掉, 然后在与其一套的label标签前/后加一个checkbox的图标(可以是图片,也可以使svg,这里我们用的svg).\n\n\n效果图:\n\n\n代码:\n\n\n\n//css\n.checkbox{\n\tdispla...
0