將Chrome瀏覽器默認值重置爲Chrome瀏覽器中的單個項目

Question

我的瀏覽器擴展程序將一個div項目嵌入到由瀏覽器打開的網頁中。 div包含幾個子項，如按鈕，跨度，輸入框等

問題是當div插入頁面時，頁面的CSS影響div和它的內容。

例如，如果頁面有一個css比如：

span { 
text-shadow: 1px 1px 1px blue; 
} 

那麼跨度在我在飛行中添加的div有藍色的文本陰影。我在做什麼，以解決這一問題是設置任何可能的指令，可能會影響我的div與內容！重要的是，像

mydiv span { 
    text-shadow: none !important; 
} 

和它的垃圾。

是否有任何理智的方式來覆蓋給定項目的CSS，這將回到瀏覽器（谷歌瀏覽器）的默認值？

謝謝。

Answer 1

有重置的CSS到瀏覽器默認只對單個項目的任何理智的方法是什麼？

不幸的是，沒有。在某些情況下，auto值將作爲默認值，但並非總是如此，您仍然必須爲每個可能的屬性指定它。這是真的很吸引人的CSS。不過，想到一個想法。如果你在每一個使用not(.default)

span:not(.default) { 
text-shadow: 1px 1px 1px blue; 
} 

：看爲你專門詢問關於Chrome，如果你控制所有的CSS類，不介意有些雜亂，你也許可以用CSS3的not像這樣的工作CSS規則，你可以有默認的行爲元素，如果你給他們default類：

<div class="default"> 

我和CSS 3沒有親身經歷，但這應該工作。它不適用於舊版瀏覽器，因此它還不是真正的主流兼容。

Answer 2

你不能「重置」的CSS規則，你必須重寫他們（text-shadow:none;）