2016-06-28 69 views
-1

我正在一個網頁上,我使用CSS樣式表而不是內聯樣式。問題是,當我檢查頁面的chrome中的元素時,我幾乎可以看到所有元素都繼承了一些用戶代理樣式。我甚至不能取消選中屬性值,例如。 div{display: block},DevTools的樣式部分在user agent stylesheet部分,就像我可以與其餘的樣式一樣。如何覆蓋用戶代理樣式?

我該如何解決這個問題? 或更好如何刪除用戶代理樣式?

+0

呃...'div' *是一個''block'默認情況下,並且默認值是通過用戶代理樣式表設置的。如果你想讓它有些不同......你可以自己應用一些不同的東西......!? *每個*元素都有一堆默認屬性,不知道有什麼可以「修復」。 – deceze

回答

5

用戶代理樣式表只是元素附帶的默認樣式。

適用於元素的任何CSS規則都將覆蓋用戶代理樣式表中的值。

所以,只需編寫一個規則集,其中包含一個與元素相匹配的選擇器,其中一個屬性與您想要更改的屬性匹配,併爲該屬性正確設置一個有效值。

div { 
    display: inline; 
} 
+0

不幸的是,這是不正確的。例如,您無法在Chrome中更改自動填充光標顏色,無論如何您都可以嘗試。 –

+0

精確地說:我的css樣式表崩潰了,從未到過io定義屬性的位置 –

+0

@EdwardMunch - 問題不在於如何改變任何外觀的樣式,而是通過瀏覽器樣式表規則以外的其他外觀定義樣式。給出的具體例子是'display'屬性。 – Quentin