El principio de configurar la altura del cursor en el navegador Chrome es que cuando no hay contenido, la altura del cursor = el valor de la altura de la línea de entrada. Cuando hay contenido, el tamaño del cursor en el cuadro de entrada de entrada de entrada se muestra de manera inconsistente desde la parte superior de la entrada hasta la parte inferior del texto.
IE7 es muy obvio para neutralizar cromado
Echemos un vistazo a la razón del problema: el principio del navegador Chrome de establecer la altura del cursor es: cuando no hay contenido, la altura del cursor = el valor de la altura de la línea de la entrada. Cuando hay contenido, el cursor va desde la parte superior de la entrada hasta la parte inferior del texto.
Ok, ya que sabemos la razón, tomaremos algunas medidas en consecuencia. Intenté dos formas de hacerlo:
Método 1: Establezca el valor de la altura de línea al mismo tamaño que el tamaño de la fuente; Si no se alcanza la altura, use el relleno para soportarla;
Método 2: No establezca la altura de línea para Chrome, se centrará automáticamente en el texto. Hacke el valor de la altura de línea para IE para asegurarse de que el texto esté centrado verticalmente; Aquí debe tener en cuenta que si establece los valores de algodón de línea en el archivo de estilo de reinicio, restablezca la altura de línea, puede usar Line-HEight: Normal. Para más detalles, puede consultar el cuadro de búsqueda de la página de Tencent Hollywood.
CSS específico:
Copiar el código