网页制作 
首页 > 网页制作 > 浏览文章

去掉checkbox边框的方法(css)

(编辑:jimmy 日期: 2025/5/1 浏览:3 次 )
<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裁掉边框,就看不到边框了。。。。
上一篇:利用label标签和CSS美化文件上传表单(不兼容IE6)
下一篇:div+css是网页排版技巧分享
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。