Débarrassez-vous de -webkit-padding-start: 40px
Je travaille sur l'ajout d'un menu à une carte. Le menu fonctionne bien sauf que j'ai remarqué qu'il y avait toujours un bourrage à gauche, peu importe le code CSS appliqué au menu. Le rembourrage semble provenir de (-webkit-padding-start: 40px;) et il ne veut pas s'en aller. J'ai essayé de le remplacer par 0 !important; qui ne faisait rien.
Après avoir trouvé ceci sur Google:
-webkit-padding-start: 40px; Qu'est-ce que cela devrait être pour IE et Firefox?
Cependant, je ne pouvais rien trouver d'autre sur la façon de remplacer ou de faire disparaître cela. J'ai besoin d'avoir des éléments dans le menu tout à fait à gauche.
Vous trouverez ci-joint une capture d’écran. La zone verte est ce dont je parle. Sous les styles, vous pouvez voir -webkit-padding-start: 40px;
C'est à cause des feuilles de style user-agent de chaque navigateur . Vous devriez toujours réinitialiser tous les attributs de votre CSS dès la première étape.
Solution courte:
* {
margin: 0;
padding: 0;
}
/* your styling */
Solution plus longue:
pour firefox:
-moz-padding-start: 0px;