Internet Explorer:ce bouton est actif intérieure-rembourrage

Trident <=9 semble ajoutez quelque chose comme un intérieure-rembourrage à active bouton éléments.

Est-il possible de désactiver cette fonction en utilisant des css ?

Yep. c'est la façon dont les boutons de travailler dans IE. C'est à partir de la WindowXP l'école des effets 3D de l'interface widgets. Si vous ne voulez pas que l'effet, ne pas utiliser de button élément.
donc, c'est une "fonctionnalité" de trident ?
Le "mouvement du texte" est normal, mais dans votre capture d'écran, le texte semble avoir été déplacé plus que la normale. Habituellement, il ne se déplace que d'environ 1px vers le bas et la droite. Quel est votre code HTML/CSS? jsFiddle, contenant que cela aiderait. Aussi la version(s) de IE?
l'image est juste un exemple, pas une capture d'écran. quelle que soit, c'est à dire se déplace à l'intérieur de la touche de texte à partir de 6 à 9. c'est à mon avis inutile et de mauvais caractère. fu mme.
Je pensais que c'était un genre de bug que le texte avait déménagé tellement 😀
Quel ennuyeux "fonctionnalité" de l'ei.
rembourrage intérieur est juste un rembourrage en passant, un extérieur rembourrage serait une marge

InformationsquelleAutor mate64 | 2011-07-19

18

Mise à jour: Pour IE11+, il peut être retiré.

Non, vous ne pouvez pas vous débarrasser de celui-ci (dans les anciennes versions d'Internet Explorer).

Comme @Spudley dit:

Si vous ne voulez pas que l'effet, ne pas utiliser de button élément.

Si c'est vraiment important, puis un a élément est la seule alternative, mais ce n'est pas vraiment la peine de commutation juste pour résoudre ce problème. Les utilisateurs d'Internet Explorer sont habitués.
- merci thirtydot ! espère que ms va effacer cette fonctionnalité dans les versions courantes. ce qui concerne.
- Est-il un balisage sémantique solution à cela?
- En fait de meilleurs résultats, utilisez toujours le bouton pour les actions qui influent sur le site. Et le lien pour les actions qui n'affecte pas du tout. (Lors de l'Utilisation d'un Bouton ou d'un Lien)
InformationsquelleAutor thirtydot
22

Dans Microsoft Internet Explorer 11+ vous pouvez le fixer! Utilisation position: relative pour les éléments intérieurs de bouton.

html:
```
<button><span>Submit</span></button>
```
css:
```
button > span{position:relative}
```
Profitez-en!
- -1, Cela ne fonctionne pas pour les versions de trident derrière le de 10.x !
- +1 Testé et cela fonctionne sur IE11 au moins. C'est génial d'avoir une solution pour au moins certaines versions d'IE.
- Cela peut aussi aider, une légère variation stackoverflow.com/questions/20203225/...
- Ne fonctionne pas quand mon bouton a display: inline-table.
- comment fonctionne le Bord de traiter avec la mise à jour?
InformationsquelleAutor Максим К.

<button><span>Submit</span></button>

button:active > span {
 -ms-transform: translate(0px, -0.5px);
}

InformationsquelleAutor wilsonpage

Vous devez vous connecter pour publier un commentaire.