Como desabilitar redimensionamento do textarea?

19/12/2016

0

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

Responder

Post mais votado

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>

Aline Bianchini

Aline Bianchini
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar