Estoy tratando de hacer que una entrada parezca texto sin formato. El objetivo es trazar un intervalo, cuando el usuario hace clic en el tramo que oculta y muestra una entrada que se ve como texto plano, pero editable por el usuario.Quitar el relleno superior e inferior en el ingreso de texto en Chrome/Firefox
En Chrome y Firefox que no puede deshacerse de la parte superior e inferior rellenos, incluso si fijo propiedades de relleno y CSS margen a 0.
Mi CSS se ve así:
input.myInput {
font-family: "segoe ui";
font-size: 20px;
padding: 0px;
margin: 0px;
outline: none;
border: 0px;
vertical-align: baseline;
}
ver que la fuente el tamaño está establecido en 20px. Chrome y Firefox agregan 4px padding-top y padding-bottom, por lo que la entrada es 28px de alto, no 20px como se esperaba.
¿Puede dar un violín o de demostración en vivo? – Jrod
Gracias Jrod, realmente me ayudó a ver el problema. Al crear la demostración de jsfiddle noté que no había tal problema al crear el estilo desde cero. Mi tenía una altura de línea modificada en CSS, y es por eso que no coincidía con la altura . ¡Gracias! –