espace réservé d'entrée line-height problème

espace réservé d'entrée line-height problème

Quel est le problème?

Il y a une zone de saisie avec la hauteur 36px comme le montre l'image ci-dessus.
Dans IE10 espace réservé n'est pas à la verticale du milieu.

Pouvez-vous s'il vous plaît poster le css qui s'applique aux entrées? C'est difficile de voir ce qui pourrait être à l'origine sans le code.
Si vous utilisez line-height: Essayez d'ajouter vertical-align: middle pour le texte
Vous n'avez pas besoin line-height, partagez vos code complet jsfiddle.net/VNrsQ
Ne vous chargez une sorte de reset css? Si pas, vous devriez peut-être.
vertical-align: middle n'a pas de travail ici, j'avais utilisé bootstrap 2.3.2 css. Ce que j'ai compris, c'est, si l'on donne de la hauteur à l'entrée nous avons besoin pour définir la hauteur de la ligne pour l'avoir centrée verticalement dans IE10.

OriginalL'auteur Tushar | 2013-12-16

  1. 22

    Pour toutes les entrées simplement donner

    line-height:normal;

    il faudra normal hauteur de la ligne et fonctionne correctement dans tous les navigateurs.

    Étonnamment travaillé comme un charme
    Alors, pourquoi est normal de ne pas la norme , grande réponse tho! A travaillé comme un charme.

    OriginalL'auteur Amin charoliya

  2. 1

    J'ai l'habitude de définir une hauteur et la hauteur de la ligne de la input[type=text] et héritent de ces propriétés à ::espace réservé.

    height: inherit;
line-height: inherit;

    OriginalL'auteur Garou

  3. 0

    Vous pouvez utiliser waterwark js pour résoudre ce problème.

    http://jsfiddle.net/maxim75/yJuF3/

    Découvrez violon.

    <input type="text" id="Text1" />
    J'ai eu des problème avec l'alignement vertical de l'espace réservé, je pense que vous avez partagé au-dessus de la démo pour avoir un espace réservé.
    Oui, il suffit d'ajouter de l'espace réservé à la propriété dans votre balise d'entrée ne pouvons garantir l'alignement de parfaitement sur tous les navigateurs. De sorte que vous pouvez aller pour le filigrane JS solution, si vous le souhaitez.

    OriginalL'auteur Anup

  4. 0

    Pour ceux qui viennent à cette fin-j'ai trouvé une solution qui a travaillé dans Twitter Bootstrap (3.1) ainsi que quelques autres tests, j'ai couru.

    Simplement ajouter à l'élément d'entrée:

    height: inherit;
vertical-align: middle;

    OriginalL'auteur Julian

  5. 0

    Solution:

    Appliquée même 36px la hauteur de la ligne d'input[type="text"].

    Effet secondaire:

    Avant de donner line-height: 36px il a été fonctionne correctement dans tous les navigateurs. Comme je l'ai appliqué
    36px la hauteur de la ligne d'input[type="text"], ci-dessous est ce qui s'est passé dans Safari:

    espace réservé d'entrée line-height problème

    Deuxième Solution:

    Appliquer la hauteur de la ligne avec IE hack.
    Qui est comme suit

    input[type="text"] {
    line-height: 36px; //CSS Hack only for IE.
}

    OriginalL'auteur Tushar

  6. -1

    Essayez d'utiliser ceci:

    vertical-align:middle;
    J'avais essayé ceci, cependant cela n'a pas fonctionné.
    quel est le mal?

    OriginalL'auteur Majid