去掉checkbox边框的方法(css)

成长带走的不只是时光,还带走了那些不害怕失去的勇气。谢谢那些怀疑我的人,给我成长的洗礼,让我更加孤独。
<input name="a" type="checkbox" style="position:absolute;clip: rect(6 15 15 6)" checked="checked">
关键:style="position:absolute;clip: rect(6 15 15 6)"

解释:

此属性定义了绝对(absolute)定位对象可视区域的尺寸。
1.clip属性必须和定位属性postion一起使用才能生效。

2.clip裁切的计算坐标都是以左上角即(0,0)点开始计算,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下边开始计算的。

结论:用clip裁掉边框,就看不到边框了。。。。

到此这篇关于去掉checkbox边框的方法(css)就介绍到这了。阳光温热,岁月静好,你还不来,我怎敢老去?更多相关去掉checkbox边框的方法(css)内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
如何使用CheckBox的属性制作纯css动态导航栏

div仿checkbox表单样式美化及功能有素材

checkbox与文字混排无法对齐导致不美观的如何解决方法

css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程