Ir para conteúdo / Skip to content

COMO EVITAR O RESIZE DE TEXTAREAS NO SAFARI

Postado em: 20 de agosto de 2007 por Pedro Rogério

Até o lançamento do Safari para o Windows eu nunca tinha o utilizado, mas por esses dias descobri uma coisa bastante interessante, se você utiliza o Safari, experimente peguer um formulário qualquer, vá até o textarea e tente redimensioná-lo. O Safari suporta essa opção, como você pode ver na imagem abaixo:

Textarea com resize

Não ficou satisfeito e quer fazer um teste? Dê uma olhada nesse exemplo. Mas se você não quer que isso aconteça nos seus formulários, existe uma maneira bem simples de corrigir isso, basta utilizar as propriedades do CSS min-height, max-height, min-width e max-width, onde iremos travar a altura e a largura mínima. Vejamos um exemplo:

CSS


textarea {
	min-width:400px;
	max-width:400px;
	min-height:250px;
	max-height:250px;
	width:400px;/* Utilizado para o IE6 */
	height:250px;/* Utilizado para o IE6 */
}

Experimente agora tentar redimensionar esse textarea.

Se tiver um tempo, leiam também:

Deixe seu comentário

4 comentários para esse post

  1. Jorge disse:
    #1

    Muito interessante isso…
    Você achou essa solução em algum lugar ou encontrou sozinho?
    Meus parabéns….

  2. juliano disse:
    #2

    Eu acho isso tão desnecessário quanto querer travar tamanho de fonte.

  3. Emanuel Felipe disse:
    #3

    Me parece uma técnica pouco recomendada, nunca é bom impedir que o usuário faça suas próprias escolhas.

  4. JJ disse:
    #4

    basta usar isto (CSS3):

    .caixatexto
    {
    resize:none;
    }

    feito!
    Emanuel Felipe, quando as escolhas do utilizador começam a afectar o layout da página, convém impedi-lo.

Deixe seu comentário