文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS将边框应用于除复选框之外的所有输入元素

问CSS将边框应用于除复选框之外的所有输入元素
EN

Stack Overflow用户

提问于 2011-07-11 22:41:26

回答 3查看 30.5K关注 0票数 25

我有一个css类：

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #003399;
}

它适用于我想要的大部分内容，但我现在需要有一个不带边框的复选框，而页面上的其余输入元素继续应用边框。

因此，我创建了额外的css类：

input[type="checkbox"] 
{
    border: none;
}

这适用于FireFox和Chrome，但不适用于ie8，当我在ie中使用开发人员工具检查元素时，我可以看到两种样式都已被选中，但只有当我取消选中输入样式旁边的复选框时，这些复选框的边框才会消失。

这是默认值：

这就是我为了摆脱边界所做的：

css

回答 3

Stack Overflow用户

发布于 2011-07-11 22:44:38

它似乎说的是medium none。你可以试试border: 0px transparent;看看这是不是有什么不同。

票数 0

Stack Overflow用户

发布于 2011-07-11 22:44:44

在IE中，你看到的不是边界。由于复选框上的焦点，它必须是突出显示。尝试在复选框上执行模糊事件，单击可能会有所帮助。

票数 0

Stack Overflow用户

发布于 2011-07-11 22:57:51

这有帮助吗？

input[type="checkbox"] 
{
    border: none !important;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6651858

复制

相似问题

问CSS将边框应用于除复选框之外的所有输入元素
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS将边框应用于除复选框之外的所有输入元素EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS将边框应用于除复选框之外的所有输入元素
EN