如何覆蓋邊框：無？

我正在使用一些非常糟糕的第三方軟件，並且需要通過外部CSS文件覆蓋它們的CSS樣式。如何覆蓋邊框：無？

他們已經在所有表單字段上設置了border: none，但我希望輸入字段只使用瀏覽器的默認樣式。

如何覆蓋border: none，使表單字段的樣式與沒有設置border屬性一樣？

2012-01-27 Shpigford

如果你真的想強迫某種風格，那麼就有'！important'重寫。 – 2012-01-27 20:27:41

將樣例設置爲border: inherit。

這將覆蓋最近的邊界規則。

2012-01-27 20:25:57

你可以嘗試將該值設置爲無，如果desnt工作，你可以試試這個： how to remove css property using javascript?

2012-01-27 20:30:31 stelar7

-1

假設他們沒有造型的輸入字段內聯：

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

2012-01-27 20:59:34 j08691

+ 1爲正面向上。但是，OP確實表示他們希望恢復默認邊界。 – 2012-01-27 21:04:22

-1

不幸的是，在CSS中沒有辦法說瀏覽器默認值是被應用的。例如，如果任何CSS規則在元素上設置邊框，則不能說「忽略該規則」;您只能設置自己的規則來覆蓋它（如果您定義規則以便在級聯中獲勝）。

在實踐中，下面創建一個邊界是接近流行的瀏覽器的默認設置：

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

您可能需要修改選擇（甚至使用!important），以便在另一個取勝的設置樣式表。

2012-01-27 21:35:52

回答