摆脱用户代理样式表规则？答案

【问题标题】：Getting rid of user-agent stylesheet rules?摆脱用户代理样式表规则？
【发布时间】：2011-09-25 13:39:02
【问题描述】：

我的 Chome 12 发生了一些奇怪的事情。

我几天前下载了最新的样板并在上面进行了设计。一切正常。

5 分钟前，Chrome (Webkit) 突然决定在我的设计中插入额外的 css 规则：

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

如何在不添加额外重置的情况下摆脱这种情况？

编辑：也遇到了 h1 元素的问题

-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

Edit2：我的重置包含

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup,
 var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section, summary, time, mark, audio, video
 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

【问题讨论】：

这些不被margin:0覆盖吗？
你能发一个链接到页面吗？
display:inline-block ?
不，问题已经回答了。

标签： css google-chrome webkit reset

【解决方案1】：

这些属性被margin 和padding 覆盖。

如果您希望 margin 和 padding 消失，只需设置 margin: 0; padding: 0。

这些属性不是突然出现的，它们从那时起就一直存在。

通过演示证明：http://jsfiddle.net/VNh3u/ - （显然，在 WebKit 浏览器中检查）

【讨论】：

是的，但margin: 3em 0 1em 0; padding: 0; 保留-webkit-margin-* 选项不变。
@Forbesmyester：不，它没有。显示jsfiddle.net 示例并说明您的浏览器/版本。
由于这个问题有很多观点......你不能“摆脱”用户代理样式表规则，你要做的是覆盖你需要的属性（h1 { margin: 0; } 覆盖例如默认的h1 边距）。这也可能是相关的：stackoverflow.com/questions/6867254/…
您可能需要将 h1 调整为 display:inline-block;

【解决方案2】：

噗，我的 css 文件中存在格式错误的 cmets，导致无法重置...

【讨论】：

嗯，这就解释了 :)
好答案。下次有人问我类似的问题时，我会在这里指导他们。
你能提供一个格式错误的评论的例子吗？我想我有同样的问题
我只是忘记了最后的“*/”。
这就是我们有语法高亮的原因，伙计们