2012-12-26 73 views
1

我的網站菜單是由ul/li語法創建的列表。我已經刪除了關於菜單列表的所有CSS行,但它仍然是這樣的,公告點奇怪地顯示在菜單項文本的最後一個字符上。我正在瘋狂地處理這個問題。CSS - 如何擺脫用戶代理CSS?

enter image description here

enter image description here

這究竟是爲什麼在IE /谷歌瀏覽器?

編輯: 感謝您的幫助。但重置後,列表不會垂直對齊。它看起來像這樣,如果我再次向列表元素添加list-style-type:none,這些點就會再次出現。 enter image description here

+1

Google「CSS重置」。 –

+0

這將有助於顯示您的相關CSS/HTML。可能您可以創建一個http://jsfiddle.net –

+1

使用CSS重置樣式表比較常見,例如https://github.com/h5bp/html5-boilerplate/blob/master/css/normalize.css--這標準化了你可以建立在瀏覽器上的樣式。 –

回答

5

您需要覆蓋用戶代理樣式。要刪除點,覆蓋list-style-type

ul { 
    list-style-type: none; 
} 
0

使用Reset.css中和所有的跨瀏覽器的差異,但是你在Chrome中描述的問題可能;由您的-webkit-padding-start屬性引起。