Taille de ligne du curseur CSS lors de la saisie d'un champ de saisie

J'ai une image comme arrière-plan d'un champ de saisie. Je peux régler la hauteur de la ligne et de la police-taille facilement, mais lorsque vous cliquez à l'intérieur de l'entrée, le curseur de la ligne de chemin à l'extérieur l'image d'arrière-plan.

Est là une déclaration CSS (Est-ce que vous les appelez?) qui contrôle ce?

source d'informationauteur tmartin314

  1. 21

    Vous utilisez probablement line-height pour afficher le texte dans l'entrée comme à la verticale centrée. Cependant, il est aussi le coupable de votre problème. Essayez d'expérimenter avec padding paramètres de l'entrée à la place, tout en laissant la line-height ensemble de normal.

  2. 2

    Problème avec l'aide de rembourrage est qu'il est affiché de façon incohérente dans les différents navigateurs, tandis que la hauteur de la ligne en entrée les zones de texte sont affichées de manière égale dans IE7IE8IE9SafariChromeFirefox et Opera. Il semble que vous ayez à choisir entre le curseur de saisie ou de saisie de texte alignement vertical.

  3. 1

    Oui, la hauteur de la ligne.

    Essayer:

    input {height: 28px; font-size: 10px; padding: 7px 5px;}
  4. 0

    Le post Aligne verticalement le curseur de texte (accent circonflexe?) dans une zone de saisie avec jQuery, Javascript ou CSS peut vous aider.

    Il semble que votre rembourrage taille affecte le curseur de taille et de position.

  5. 0

    Sera bon, si nous avons le code , vous pouvez également essayer 

    background:url("yourimage") right top no-repeat;
font-size:12px;
padding:5px 5px;
line-height:normal;

    dépend de votre taille des images

  6. 0

    À l'aide d'un line-height: normal ou un line-height:inherit a fait le tour de mon côté.
    Merci pour vos réponses les gars.

  7. 0

    le texte dans la balise d'entrée peut être vertical centré automatiquement, ne pas utiliser la hauteur de la ligne sur elle.