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

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;
}

编辑2:

最好的选择是添加一个类，或者使用更具体的选择器(#div select 而不仅仅是 select)。这样，CSS 只会针对您想要的内容，而不会影响您可能添加的任何新内容。

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

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