清除输入边框，返回默认值

Question

所以有人应用了以下风格：

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

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

CSS将还原上面设置的边框？

我试过

border:;
border:auto;

都没有工作！

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

Answer 1

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

如果不是这样做的话：

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

编辑：

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

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

EDIT2：

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

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

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

Answer 2

只需将以下类添加到您的css中，然后输入您不想要的边框。

input.noBorder{
      border: 0 !important;
}