Le principe de réglage de la hauteur du curseur dans le navigateur Chrome est que lorsqu'il n'y a pas de contenu, la hauteur du curseur = la valeur de la hauteur de la ligne d'entrée. Lorsqu'il y a du contenu, la taille du curseur dans la boîte d'entrée d'entrée d'entrée s'affiche de manière incohérente du haut de l'entrée vers le bas du texte.
IE7 est très évident dans la neutralisation du chrome
Jetons un coup d'œil à la raison du problème: le principe du navigateur Chrome de régler la hauteur du curseur est: lorsqu'il n'y a pas de contenu, la hauteur du curseur = la valeur de la hauteur de ligne de l'entrée. Lorsqu'il y a du contenu, le curseur va de l'entrée du haut vers le bas du texte.
OK, puisque nous connaissons la raison, nous prendrons certaines mesures en conséquence. J'ai essayé deux façons de le faire:
Méthode 1: Définissez la valeur de la hauteur de ligne sur la même taille que la taille de la police; Si la hauteur n'est pas atteinte, utilisez un rembourrage pour le supporter;
Méthode 2: Ne définissez pas la hauteur de ligne pour Chrome, il centra automatiquement le texte. Pirater la valeur de la hauteur de ligne pour IE afin de garantir que le texte est centré verticalement; Ici, vous devez noter que si vous définissez des valeurs de hauteur de ligne dans le fichier de style de réinitialisation, veuillez réinitialiser la hauteur de ligne, vous pouvez utiliser la ligne de ligne: normal. Pour plus de détails, vous pouvez consulter la zone de recherche de la page Tencent Hollywood.
CSS spécifique:
Copier le code