web-dev-qa-db-ja.com

ユーザーエージェントのスタイルシートルールを取り除く？

私のChome12で何か奇妙なことが起こっています。

数日前に最新のボイラープレートをダウンロードして設計しました。すべてが大丈夫だった。

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; }
cssgoogle-chromewebkitreset
14
Andrei Zisu

Pff、cssファイルに誤った形式のコメントがあり、リセットが無効になりました...

6
Andrei Zisu

これらのプロパティは、marginおよびpaddingによって上書きされます。

marginとpaddingを削除したい場合は、margin: 0; padding: 0を設定するだけです。

それらのプロパティは突然表示されただけでなく、永遠に存在しています。

デモンストレーションによる証明： http://jsfiddle.net/VNh3u/ -（明らかに、WebKitブラウザーでチェックインします）

12
thirtydot