24 votos

¿Como soluciono el margen inferior de inconsistente Textarea en Firefox y Chrome?

Estoy tratando de eliminar el margen inferior extra que FF y Chrome parecen dar a áreas de texto. Sorprendentemente es decir parece que hacerlo correctamente. Me gustaría evitar el uso de condicional incluye pero trucos CSS3 son aceptables.

TIA!

Capturas de pantalla

alt text

Código de ejemplo

<!DOCTYPE html>
<html>
<head>
    <style>
        .red-box {
            background-color: red;
            overflow:hidden;
        }
        textarea {
            border:solid 1px #ddd;
            margin:0px; /* Has no effect */
        }
    </style>
</head>
<body>  
    <div class="red-box">
        <textarea>No Margin Please!</textarea>
    </div>
</body>
</html>

53voto

kmfk Puntos2251

Por defecto, creo que tanto Chrome y Firefox se estos elementos como display: inline-block; . Set display: block en sus estilos y debe estar todo listo.

2voto

Hameed Puntos1281

Establecer display: block para el textarea.

-2voto

BehranG BinA Puntos114

Sólo desactivar cambio de tamaño como seguir

TextArea {resize: none;}

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: