<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="background-color:#f09;">
<textarea></textarea>
</div>
</body>
</html>
resultado en Chrome:cómo eliminar el margen por debajo de un área de texto dentro de un envoltorio div (WebKit)
eliminado ImageShack vínculo roto
resultado en FF:
eliminado muertos Enlace ImageShack
Prueba de pantalla: bloquear en el área de texto:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
textarea {display:block;}
</style>
</head>
<body>
<div style="background-color:#f09;">
<textarea></textarea>
</div>
</body>
</html>
El problema es que el área de texto está en línea y está utilizando la altura del texto para agregar un poco de relleno adicional. También puede especificar:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="background-color:#f09;line-height:0px;font-size:1px;">
<textarea></textarea>
</div>
</body>
</html>
Otra opción que es útil si se desea mantener la línea área de texto y no quiere meterse con propiedades de fuente del bloque padre (sugiero esto sobre el método anterior con line-height):
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
textarea {vertical-align:middle;}
</style>
</head>
<body>
<div style="background-color:#f09;">
<textarea></textarea>
</div>
</body>
</html>
por último, si usted está realmente preocupado por la coherencia entre los navegadores guardan en los márgenes de la mente y otras cosas por el estilo se puede definir con diferentes valores predeterminados en diferentes navegadores. Utilizar algo como YUI-Reset puede ayudar a que todos los navegadores nuevos alcancen un estándar consistente desde el cual se pueda construir.
Si desea mantener los ''