css - 清除输入边框，恢复默认

Question

所以有人应用了以下样式：

select, input[type="text"], input[type="password"] {
    border: 1px solid #999999 !important;
}

为什么他们这样做我永远不会知道。但是现在我需要删除上面的边框，即返回到标准浏览器特定的文本框边框，但只在几个地方。我知道，我知道，这看起来很奇怪，但我正在做我被告知的事情。

什么 CSS 会恢复上面设置的边框？

我试过了

border:;
border:auto;

都不工作！

只是为了澄清，我不能只删除 css style。如果可能的话，我需要覆盖它！

score 1 · Accepted Answer

有什么理由不能像 user2063626 建议的那样删除代码行吗？

如果不这样做：

select, input[type="text"], input[type="password"] {
    border: none !important;
}

编辑：

将 a 添加:not到您的 css 选择器中，这样它就不会选择您想要独处的输入。

select:not(#yourinput), input[type="text"]:not(#yourinput), input[type="password"]:not(#yourinput) {
    border: 1px solid #999999 !important;
}

编辑2：

您最好的选择是添加一个类，或者使用更具体的选择器（#div select而不是 just select）。这样，css 只针对您想要的那些，而不影响您可能添加的任何新的。

或者，如果它更容易，只需添加一个类，或者在select您不想拥有样式的对象上使用更具体的选择器，然后对其应用默认样式。

您可以在mozilla.org上找到默认样式，只需搜索select.

score 0 · Accepted Answer

只需将以下类添加到您的 css 并放入您不希望有边框的输入。

input.noBorder{
      border: 0 !important;
}

2 回答 2