微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css – 摆脱用户代理样式表规则?

我的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;

编辑2:我的重置包含

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和padding所覆盖.

只设置margin:0; padding:0如果你想要的边距和填充不见了

那些财产并没有突然出现,他们一直在那里.

证明证明:http://jsfiddle.net/VNh3u/ – (显然,签入WebKit浏览器)

原文地址:https://www.jb51.cc/css/214422.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。