Comment faire pour réinitialiser le bouton par défaut de style dans Firefox 4 +

Dans firefox 3.6, vous pouvez utiliser ::-moz-focus-inner {border:0;padding:0;margin:0;} pour supprimer les marges par défaut et les rembourrages forms.css ajouté.

Comment puis-je réinitialiser Firefox 4? J'ai été à la recherche de tout .css les fichiers dans le répertoire d'installation qui pourrait ajouter des styles à mon bouton, mais ne peut pas trouver tout de ff4 - le bouton obtient toujours ce gênant 1px de haut rembourrage qui ne permettra pas le texte de manière à aligner le milieu vertical.

http://easwee.net/other/FF_problem.gif

EDIT: j'ai utiliser un reset de la feuille de style, donc pas besoin de réinitialiser les styles. C'est un navigateur de la feuille de style qui joue ici.

InformationsquelleAutor easwee | 2011-03-28
  1. 26

    J'ai en fait trouvé la solution moi-même.

    Dans votre champ url du type: resource://gre-resources/forms.css - cela va ouvrir des formulaires.css pour FF4 et de recherche pour le sélecteur suivant

    button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner

    Maintenant juste mis dans votre feuille de style comme:

    button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

    Il ne faut pas écraser votre css plus. Notez également que si vous n'avez pas défini de tout style de police pour vos entrées FF de ne pas hériter de police du corps de texte de style.

    • Je vous remercie. Malheureusement, à la recherche de ces css fichiers de ressources n'est plus applicable dans Firefox 6; cependant, cela a résolu mon problème encore.
    • Dans ff6, il a été changé à resource://gre-resources/html.css
    • Génial, merci!
    • +1 merci beaucoup... c'était trop frustrant d'essayer de comprendre la persistance de la frontière..
    • Grâce, a été brûlé par moi-même. Un mineur noter cependant: margin:0 ne semble pas nécessaire que Firefox ne définit pas elle-même.
    • Zekić Peut-être dans les versions les plus récentes - en plus, il est nécessaire.
    • Un an plus tard, je vous suggère de regarder Bootstrap est reset.less qui va un long chemin vers une harmonisation navigateur bizarreries pour les formulaires. Voir aussi ma réponse ci-dessous.
    • Dans les Outils de développement de l'Inspecteur dans le calcul de l'onglet, il montre le style de touché et a un lien pour l'ouverture de la formes.fichier css. J'ai trouvé cette question par la recherche pour "resource://gre-ressources/formes.css".

    InformationsquelleAutor easwee
  2. 1

    essayez de programmer les valeurs de l'indéfini (border:undefined etc). pas sûr, mais il a travaillé pour moi quand j'ai eu un problème similaire.

    • Essayé, mais rien de bon.
    InformationsquelleAutor wildcard
  3. 1

    Twitter Bootstrap aime-t-il cela dans ses réinitialiser.moins (ce qui est un plus barebones version de normaliser.css):

    button::-moz-focus-inner,
input::-moz-focus-inner { //Inner padding and border oddities in FF3/4
  padding: 0;
  border: 0;
}

    En aparté, Bootstrap est reset.less est probablement plus fiable et pérenne solution pour parvenir à la forme de la croix-navigateur-ness que le maintien de vos propres règles. C'est beaucoup plus complète que celle de Meyer reset.css, mais plus minimaliste que normalize.css.

    InformationsquelleAutor julien_c
  4. 0

    il suffit d'utiliser une feuille de style css reset, qui réinitialisera toutes les css par défaut pour la plupart des navigateurs

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

    ou de lire ce stackeoverflow Q&Un

    https://stackoverflow.com/questions/116754/best-css-reset

    • Non, il ne le pourra pas. Je suis à l'aide d'une réinitialisation de la feuille de style. Lire de nouveau la question de ce que je suis se rapportant à.
    • oui mais même si vous trouvez que le fichier css dans firefox, le changement sera encore seulement s'appliquer à vous et à personne d'autre
    • Elle s'applique à tout le monde une fois que j'ai trouver qui sélecteur est en ajoutant que et je la remplacer par une plus sélecteur de spécifié dans mon principale feuille de style. Il a toujours travaillé dans tous les FF versions jusqu'à maintenant.
    • oh oui, je vois. Regarde bien comme vous l'avez trouvé 🙂
    • Oui - peut-être que ma question était un peu confuse édité quelques mots pour l'avenir, si quelqu'un recherche ce.
    InformationsquelleAutor Christophe