web-dev-qa-db-ja.com

-webkit-padding-startを取り除く：40px

地図にメニューを追加する作業をしています。メニューに適用されたCSSに関係なく、常に左側にパディングがあることに気づいた場合を除き、メニューは正常に機能しています。パディングは（-webkit-padding-start：40px;）から発生しているようで、消えたくありません。何もしない0 !important;でオーバーライドしようとしました。

グーグルがこれを見つけた後：

-webkit-padding-start：40px;何のためにIE and Firefox？

しかし、これを無効にする方法、またはこれを無効にする方法については他に何も見つかりませんでした。メニューの一番左にアイテムが必要です。

enter image description here

添付されているスクリーンショットは、緑色の領域が私が話しているもので、スタイルの下には-webkit-padding-start：40px;

htmlcssmenuwebkit
49
user1930845

これは、すべてのブラウザのユーザーエージェントスタイルシートが原因です。最初のステップとして、CSSのすべての属性を常にリセットする必要があります。

解決策：

* {
  margin: 0;
  padding: 0;
}

/* your styling */

より長い解決策：

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

55
sqe

firefoxの場合：

-moz-padding-start：0px;
0
Sanuich