Comment désactiver le redimensionnement de la zone de texte ?

Question

Je dois désactiver le redimensionnement horizontal de la zone de texte. Parfois, je veux autoriser le redimensionnement vertical sur la zone de texte.

Chaque fois que je crée une page de contact, la zone de texte rend ma conception moche.

Quelqu'un pourrait-il me donner une solution pour le désactiver s'il vous plaît?

Answer 1

Vous pouvez utiliser css

désactiver tous les

 textarea { resize: none; }

uniquement le redimensionnement vertical

 textarea { resize: vertical; }

uniquement le redimensionnement horizontal

 textarea { resize: horizontal; } 

désactiver vertical et horizontal avec limite

 textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

désactiver horizontal et vertical avec limite

 textarea { resize: vertical; max-height: 300px; min-height: 200px; }

Je pense que min-height devrait vous être utile

Answer 2

Avec des css comme ça

 textarea
{
   resize: none;
}

Ou si vous voulez seulement vertical

 textarea { resize:vertical; }

ou horizontale

 textarea { resize:horizontal; } 

ou les deux (pas votre cas)

 textarea { resize:both; } 

Answer 3

Vous pouvez mettre ceci dans le fichier CSS :

 textarea {
  resize: none;
} 

Answer 4

désactiver horizontal et vertical avec limite

 textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}