<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="background-color:#f09;">
<textarea></textarea>
</div>
</body>
</html>
Résultat dans Chrome:comment supprimer la marge sous une zone de texte à l'intérieur d'une enveloppe div (webkit)
lien ImageShack mort enlevé
Résultat dans FF:
enlevé morts Lien ImageShack
Essayez d'afficher: bloc sur la zone de texte:
Le problème est que la zone de texte est en ligne et utilise la hauteur du texte pour ajouter un peu de remplissage supplémentaire. Vous pouvez également spécifier:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="background-color:#f09;line-height:0px;font-size:1px;">
<textarea></textarea>
</div>
</body>
</html>
Une autre option qui est utile si vous voulez garder la ligne textarea et ne veulent pas se salir avec les propriétés de police du bloc parent (je suggère ce rapport à la méthode précédente avec la ligne de hauteur):
<!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>
Enfin, si vous êtes vraiment inquiet cohérence entre les navigateurs garder à l'esprit les marges et d'autres choses comme ça peut être défini avec différentes valeurs par défaut dans les différents navigateurs. L'utilisation de quelque chose comme YUI-Reset peut aider à amener tous les nouveaux navigateurs à une norme cohérente à partir de laquelle vous pouvez construire.
Si vous souhaitez conserver les ''