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

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

Chaque fois que je crée une page Contactez-nous, 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?

Vous pouvez utiliser le CSS

désactiver tous les

textarea { resize: none; }

uniquement redimensionnement vertical

textarea { resize: vertical; }

uniquement 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 cela min-heightdevrait vous être utile

Avec quelques css comme ça

textarea
{
   resize: none;
}

Ou si vous voulez seulement vertical

textarea { resize:vertical; }

Ou horizontal

textarea { resize:horizontal; } 

ou les deux (pas votre cas)

textarea { resize:both; } 

Vous pouvez mettre ceci dans le fichier CSS:

textarea {
  resize: none;
} 

désactiver horizontalet verticalavec limite

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

Car textareaj'ai utiliséwidth: 500px !important et height: 350px !important, donc ces CSScodes empêchent le redimensionnement de l'utilisateur, mais si vous avez d'autres balises que vous devez utiliser resize: none, pour des explications complètes, lisez Ce lien .

Par exemple, pour une pbalise que vous devez définir la overflowpropriété avec une valeur non visibleet mis resize, none, both, vertical,horizontal .