如何覆盖border：none？

Question

我正在使用一些非常糟糕的第三方软件，需要通过外部CSS文件覆盖他们的CSS样式。

他们在所有表单字段上设置了border: none，但我想让输入字段只使用浏览器的默认样式。

如何覆盖border: none以便将表单字段设置为样式，就像没有设置border属性一样？

Answer 1

将例外设为border: inherit。

这将覆盖最近的边界规则。

Answer 2

您可以尝试将值设置为空，如果这不起作用，您可以尝试这样做： how to remove css property using javascript?

Answer 3

为我工作了一个嵌套的 :before class

    .vdr.active:before {
        outline: 0;
    }
    

Answer 4

假设他们没有内联输入字段样式：

input {
    border: 1px solid #999 !important;
}

Answer 5

不幸的是，CSS中没有办法说应用浏览器默认值。例如，如果任何CSS规则在元素上设置边框，那么您不能说“忽略该规则”;您只能设置自己的规则来覆盖它（如果您定义规则以便它在级联中获胜）。

实际上，以下内容创建了一个接近流行浏览器默认值的边框：

input { border: solid 1px #ddd; border-top-color: #aaa; padding: 2px; }

您可能需要修改选择器（甚至使用!important）才能赢得另一个样式表中的设置。