Como desabilitar redimensionamento do textarea?

HTML

CSS

19/12/2016

Opa galera, e aí?

Preciso de uma coisa, deve ser bem simples.

Normalmente os textarea tem as propriedade min-width e max-width, assim como o min-height e max-height.

O que acontece é o seguinte, eu sempre uso essas propriedades para evitar que o usuário redimensione o elemento e deixe a página toda quebrada.

Tem algum propriedade no css que evite o redimensionamento? Porque se tiver, eu já deixaria altura e largura já definidas :)
Diego Silva

Diego Silva

Curtidas 0

Melhor post

Aline Bianchini

Aline Bianchini

19/12/2016

Olá Diego,

Tem várias formas de fazer isso.

Se for através de css você pode setar a propriedade de resize para none.

textarea {
    resize: none;
}


Ou então setar o max-height/width e o min-height/width para o mesmo valor

<html>
<body>

<textarea rows="4" cols="50" style="max-width: 200px; max-height: 100px; min-height: 100px; min-width: 200px">
TESTE
TESTE
TESTE
</textarea>

</body>
</html>
GOSTEI 4
POSTAR