27 votes

Webkit CSS Reset?

Je sais qu'il existe quelques outils de réinitialisation CSS, Eric et Yahoo pour n'en nommer que 2.
Cependant, lorsque j'utilise certaines balises (je pense qu'elles sont appelées balises?) Telles que "li" et "ul", j'obtiens quelques extras dans la feuille de style de l'agent utilisateur. Certains d'entre eux sont:

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

Je me demande s'il y a une feuille de style de réinitialisation qui traite -webkit etc?
J'en ai cherché un, mais avec de la chance maintenant.

12voto

PavlosVos Points 99

En fait, si vous travaillez avec <ul> dans votre balisage, la réinitialisation margin: 0, padding: 0; n'écrase pas le -webkit-padding-start: 40px;

J'ai résolu le problème en ajoutant à mon fichier de réinitialisation un

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

11voto

Andrew Moore Points 49765

Bien que ces styles soient appliqués par Webkit, ils sont dépassés par margin: 0; padding: 0; situés dans les réinitialisations CSS. Vous n'avez pas à vous en préoccuper.

Remarque: Bien que Chrome (Version 27.0.1453.116 m) Developer Tools n'affiche pas les styles d'agent utilisateur avec barré, les styles calculés reflètent que les valeurs explicites margin et padding remplacent.

1voto

bastien Points 60

J'ai eu le même problème avec li et ul , et j'ai trouvé la solution suivante: dans mon CSS, j'avais un attribut pour le li de ma liste qui était display: inline . Je l'ai remplacé par float: left et cela fonctionne. Je ne sais pas pourquoi ...

0voto

story Points 158

J'ai eu ce même problème avec mon <h3> balise. J'ai essayé de réglage margin:0;, mais il ne fonctionne pas.

J'ai trouvé que j'étais habituellement en commentant les lignes dans mon css en utilisant //. Je n'ai pas remarqué parce qu'il n'avait pas causé de problèmes avant. Mais quand j'ai utilisé // dans la ligne avant de déclarer <h3>, il a provoqué le navigateur pour ignorer la déclaration complètement. Quand j'ai négocié // pour /**/ j'ai été en mesure d'ajuster la marge.

Morale de cette histoire: Toujours utiliser la bonne commentant la syntaxe!

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X