清除輸入的邊界，返回到默認

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