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?


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ê


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; } 


5

desativar horizontale verticalcom limite

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

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.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.