去掉 -webkit-padding-start: 40px

Question

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

谷歌搜索后发现：

-webkit-padding-start: 40px; IE 和 Firefox 应该是什么？

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

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

原文由 user1930845 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

简短的解决方案：

 * {
  margin: 0;
  padding: 0;
}

/* your styling */

更长的解决方案：

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

原文由 sqe 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

对于火狐：

 -moz-填充开始：0px；

原文由 Sanuich 发布，翻译遵循 CC BY-SA 3.0 许可协议