Chrome: créer des zones de texte non redimensionnables
Par défaut, Chrome rend mes zones de texte redimensionnables. Je souhaite contrôler cela et soit les rendre uniquement redimensionnables verticalement, soit pas du tout.
Comment puis-je atteindre cet objectif ?
Les rails génèrent une balise de zone de texte standard, mais Safari/Chrome (Webkit) affiche tous (non seulement Rails :) les zones de texte comme redimensionnables.
Son apparence peut être désactivée par CSS
textarea {
resize: none;
}
Ou, si besoin seulement de redimensionnement vertical:
textarea {
resize: vertical;
}
Ensemble max-width pour les rendre uniquement redimensionnables verticalement, ou définissez max-height et max-width pour arrêter tout redimensionnement.
Cependant, sachez que briser les attentes des utilisateurs sur la façon dont leur navigateur traite les contrôles a tendance à créer beaucoup de frustration pour les utilisateurs.