去掉 -webkit-padding-start: 40px

Question

我正在为地图添加菜单。菜单工作正常，只是我注意到无论对菜单应用什么 CSS，左边总是有一个填充。填充似乎起源于 (-webkit-padding-start: 40px;) 并且它不想消失。我试图用 0 !important; 覆盖它，但没有做任何事情。

谷歌搜索后发现：

-webkit-padding-start: 40px; What it should be for IE and Firefox?

但是找不到关于如何覆盖或消除它的任何其他内容。我需要在菜单中一直向左放置项目。

附上截图，绿色区域就是我说的，在样式下你可以看到-webkit-padding-start: 40px;

Answer 1

这是因为每个浏览器的用户代理样式表。 作为第一步，您应该始终重置 css 中的所有属性。

简解：

* {
  margin: 0;
  padding: 0;
}

/* your styling */

更长的解决方案：

http://meyerweb.com/eric/tools/css/reset/

Answer 2

火狐浏览器：

-moz-padding-start: 0px;