web-dev-qa-db-ja.com

Webkit CSSリセット？

私は、CSSリセットツールがいくつかあることを知っています。たとえば、EricとYahooです。
しかし、「li」や「ul」などの特定のタグ（タグと呼ばれていると思いますか？）を使用している場合、ユーザーエージェントスタイルシートにいくつかの追加情報が表示されます。これらのいくつかは：

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

Webkitなどを扱うリセットスタイルシートはあるのでしょうか。
私は1つを検索しましたが、今では運が良かったです。

csswebkit
32
Joseph Duffy

これらのスタイルはWebkitによって適用されますが、CSSリセットにあるmargin: 0; padding: 0;によって上書きされます。それらについて心配する必要はありません。

注：Chrome（バージョン27.0.1453.116 m）開発者ツールは取り消し線付きのユーザーエージェントスタイルを表示しませんが、計算されたスタイルは明示的なmarginおよびpadding値が上書きされます。

14
Andrew Moore

実際、マークアップで<ul>を使用している場合、リセットmargin: 0, padding: 0;は-webkit-padding-start: 40px;を上書きしないでください

私は私のリセットファイルに追加することで問題を解決しました

ul {
    -webkit-padding-start: 0px;
}
13
PavlosVos

私はliとulで同じ問題があり、次の解決策を見つけました：CSSで、liの属性であるdisplay: inline。私はそれをfloat: leftに置き換えました。理由はわかりません...

1
bastien

user agent stylesheetが呼び出されています。これは、/に呼び出されるプロパティがCSSスタイルシートで適切に定義されていなかったためです。

CSS Lint などのツールを使用してCSSをエラーチェックし、回避策を試す前に検出された可能性のある問題を修正します。

0
tony gil