Je travaille avec l'élément textarea
en HTML et je souhaite supprimer la bordure de la boîte. Je veux également aligner le texte dans le bas de mon textarea
.Suppression de la bordure de zone de texte en HTML
21
A
Répondre
44
Ajouter ceci à votre <head>
:
<style type="text/css">
textarea { border: none; }
</style>
Ou directement sur la zone de texte:
<textarea style="border: none"></textarea>
38
En CSS:
textarea {
border-style: none;
border-color: Transparent;
overflow: auto;
}
+0
Cela devrait être la bonne réponse, car il fonctionne à travers le navigateur. –
1
textarea {
border: 0;
overflow: auto; }
moins CSS^ vous ne peut pas aligner le texte vers le bas malheureusement.
+1
Cela s'est débarrassé de la frontière dans IE7 sans avoir à le mettre en transparent. –
3
Celui-ci est grande:
<style type="text/css">
textarea.test
{
width: 100%;
height: 100%;
border-color: Transparent;
}
</style>
<textarea class="test"></textarea>
Ce ne supprimera pas les boutons de défilement dans IE. Ma solution devrait couvrir cela. – Jacob
CSS en ligne n'est pas bon –
Aussi 'outline: none;' pour Safari/Chrome – Gary