Un HTML5 Comment puis-je me débarrasser de ce rembourrage?
6 Réponses :
Tant que vous n'avez pas besoin du bouton de contrôle natif et que vous faites votre propre style dans CSS, il suffit d'ajouter Vous pouvez également essayer Vous pouvez voir certaines de ces au travail ici . -webkit-apparence: Aucun , et vous devriez obtenir un contrôle total sur l'élément.
-webkit-apparence: bouton ou -webkit-apparence: bouton-poussoir pour essayer d'obtenir le style par défaut aussi.
Solution très intelligente que devrait a travaillé. Mais j'ai déjà essayé cela - pas de dés.
Cela semble être un bogue dans le navigateur iPad à partir de la version 4.1 du système d'exploitation. Triste :(
Ce bogue a été corrigé avec iOS 4.2, disponible sur Xcode 3.2.5
J'ai surmonté ce problème en emballant code> comme ... button { padding: 0; }
button > div { margin: 0 -1em; padding: 0.4em 0.8em; }
Une marge négative fonctionne? D'ACCORD. J'espérais que cela n'avais pas à venir à cela, mais ça marche, je suppose. Merci.
IOS 5 corrige ce bogue afin que ce hack brise effectivement les boutons de l'iPhone 4 ... Alors, comment écrasons-nous iOS 5?
Après avoir joué avec les boutons pendant une semaine, je les ai largués et maintenant j'utilise div-s à la place. Si vous ajoutez Affichage: Inline-Block; sur la touche DIP, il peut également être centré comme un bouton.
La solution "la plus propre" que j'ai trouvée ne nécessite aucun élément supplémentaire, mais suppose un dimensionnement fixe de votre part. Hoche la tête à destination de l'idée de marge négative. Ceci est similaire. Cela contrera au rembourrage supplémentaire:
Je viens de comprendre que le "rembourrage supplémentaire" est toujours 1em. Si vous utilisez un nombre absolu pour votre taille de police, vous pouvez définir la taille de la police du bouton sur 0 et la réinitialiser pour l'élément interne:
Vous êtes monsieur, sont un génie! J'utilise EM, sans le span . Réglage largeur assez grand pour inclure le remplissage supplémentaire, j'ai maintenant mon bouton parfaitement rond.
C'est la fonction Bug | de tous les navigateurs WebKit. Essayez d'ajouter
box-sizing: conter-box;
Avez-vous essayé de spécifier un remplissage CSS et si cela seul ne fonctionne pas, une propriété Border pour le bouton pour désactiver le rendu de l'interface graphique native?