Como desativar o redimensionamento da área de texto?

171

Preciso desativar o textarea redimensionamento horizontal. Às vezes, quero permitir o redimensionamento vertical na área de texto.

Sempre que crio uma página de contato, a área de texto está tornando meu design feio.

alguém poderia me dar uma solução para desativá-lo, por favor?

Mo.
fonte

Respostas:

315

Você pode usar css

desativar tudo

textarea { resize: none; }

somente redimensionamento vertical

textarea { resize: vertical; }

somente redimensionamento horizontal

textarea { resize: horizontal; } 

desativar vertical e horizontal com limite

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

desativar horizontal e vertical com limite

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

Eu acho que min-heightdeveria ser útil pra você

Mo.
fonte
40

Com alguns CSS como este

textarea
{
   resize: none;
}

Ou se você quiser apenas vertical

textarea { resize:vertical; }

Ou horizontal

textarea { resize:horizontal; } 

ou ambos (não é o seu caso)

textarea { resize:both; } 
Marc
fonte
11

Você pode colocar isso no arquivo CSS:

textarea {
  resize: none;
} 
Stelian Matei
fonte
5

desativar horizontale verticalcom limite

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

Para textareaeu usei width: 500px !importante height: 350px !important, portanto, esses CSScódigos impedem o redimensionamento do usuário, mas se você tiver outras tags, deverá resize: noneobter explicações completas para ler este link .

Por exemplo, para uma ptag você deve definir overflowpropriedade com um valor que não é visiblee, em seguida, definir resize, none, both, vertical, horizontal.

AmerllicA
fonte