我的網站菜單是由ul/li語法創建的列表。我已經刪除了關於菜單列表的所有CSS行,但它仍然是這樣的,公告點奇怪地顯示在菜單項文本的最後一個字符上。我正在瘋狂地處理這個問題。CSS - 如何擺脫用戶代理CSS?
這究竟是爲什麼在IE /谷歌瀏覽器?
編輯: 感謝您的幫助。但重置後,列表不會垂直對齊。它看起來像這樣,如果我再次向列表元素添加list-style-type:none,這些點就會再次出現。
我的網站菜單是由ul/li語法創建的列表。我已經刪除了關於菜單列表的所有CSS行,但它仍然是這樣的,公告點奇怪地顯示在菜單項文本的最後一個字符上。我正在瘋狂地處理這個問題。CSS - 如何擺脫用戶代理CSS?
這究竟是爲什麼在IE /谷歌瀏覽器?
編輯: 感謝您的幫助。但重置後,列表不會垂直對齊。它看起來像這樣,如果我再次向列表元素添加list-style-type:none,這些點就會再次出現。
您需要覆蓋用戶代理樣式。要刪除點,覆蓋list-style-type
ul {
list-style-type: none;
}
使用Reset.css中和所有的跨瀏覽器的差異,但是你在Chrome中描述的問題可能;由您的-webkit-padding-start
屬性引起。
嘗試使用CSS重置,它將覆蓋默認樣式。
例如在此頁面中給出了重置的示例http://meyerweb.com/eric/tools/css/reset/
Google「CSS重置」。 –
這將有助於顯示您的相關CSS/HTML。可能您可以創建一個http://jsfiddle.net –
使用CSS重置樣式表比較常見,例如https://github.com/h5bp/html5-boilerplate/blob/master/css/normalize.css--這標準化了你可以建立在瀏覽器上的樣式。 –