覆蓋用戶代理風格表 - Chrome

我有一個使用懸停效果在網頁上顯示的列表項。我在這裏面臨的挑戰是，當我將一些邊框或背景應用於列表項時，由於自動生成的填充看起來很可怕。覆蓋用戶代理風格表 - Chrome

請看這張圖片。

任何人都請幫我覆蓋它。

我已經搜查了論壇，但我只拿到了如何把它off從控制檯不要過度騎它。

enter image description here

如何簡單UL {padding：0} – Danield

嗯，我剛剛添加我的上述評論作爲答案。的 – Danield

可能重複[鉻：如何關閉用戶代理樣式表設置]（http://stackoverflow.com/questions/18006356/chrome-how-to-turn-off-user-agent-stylesheet-settings） – givanse

只需添加以下樣式：

ul { padding:0 }

這將覆蓋默認的樣式。

2013-11-21 08:57:14 Danield

感謝您的支持！我花了幾個小時試圖弄清楚，我試過谷歌並找到了這個答案。哈哈：D – jehzlau

不同來源

樣式有不同的優先級：

從最低到最高（*）：

用戶代理=瀏覽器
筆者=你
用戶=瀏覽器用戶

那麼對你來說，所有你需要的，是宣佈

ul { padding:0 }

這將覆蓋UA樣式。但是，如果用戶將使用!important來聲明自己的樣式，那麼作爲作者就無能爲力 - （對於用戶來說幸運的是）您無法否決這些樣式。

^{*在現實生活中，級聯自然是更加複雜的比這個清單可能暗示，這是我沒有涵蓋簡單起見。如果你有興趣在此，看看到CSS precendence.}

2013-11-21 08:54:50 Christoph

你可以通過使用比原來更具體的選擇器覆蓋重要的風格 – Pete

@Pete你是對的。此外，我沒有提到內聯樣式，它們具有所有默認作者樣式的最高優先級。但是，您必須將'！important'應用於更具體的規則，否則它將無濟於事。你也不能以任何方式否決重要的用戶風格。我意識到事情的複雜性，但我只是想簡單一些，因爲這已經解決了OP的問題。 – Christoph

回答