去掉checkbox边框的方法(css)

网页制作发布日期：2024/9/21 浏览次数：1

正在浏览：去掉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裁掉边框，就看不到边框了。。。。

上一篇：利用label标签和CSS美化文件上传表单(不兼容IE6)

下一篇：div+css是网页排版技巧分享

一句话新闻

微软与英特尔等合作伙伴联合定义“AI PC”：键盘需配有Copilot物理按键

几个月来，英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法，朝着更多的AI功能迈进。在近日，英特尔在台北举行的开发者活动中，也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。