摆脱-webkit-padding-start:40px

Question

我正在努力为地图添加菜单.菜单工作正常,但我注意到无论CSS应用于菜单,左边总是有填充.填充似乎起源于(-webkit-padding-start:40px;)并且它不想消失.我试图用它0 !important;做什么来覆盖它.

谷歌搜索后发现:

但无法找到关于如何覆盖或使其消失的任何其他内容.我需要在菜单中一直有左边的项目.

在此输入图像描述

附件是截图,绿色区域是我所说的,你可以看到样式-webkit-padding-start:40px;

Answer 1

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

简短解决方案

* {
  margin: 0;
  padding: 0;
}

/* your styling */

更长的解决方案:

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