Dor de cabeça, Eliminando a possibilidade do chrome e o safari redimensionarem a tag “textarea” com css3

Deixe um comentário

Julho 21, 2012 por Firmino Changani

dor_de_cabeça

O nome deste post é dor de cabeça porque era o que eu sentia quando inseria uma textarea com um tamanho predefinido a partir do css, e depois sabia que os utilizadores do Chrome e Safari iriam poder redimensionar a mesma. Era chato!!!

Sem duvidas que o css3 veio facilitar muito a vida do desenvolvedor Front-End, dando-lhe a possibilidade de estilizar paginas com bons efeitos finais e sem ajuda de algum Framework.

VAMOS A PRATICA
A tag…

<!-- -->

Como eu disse acima, irei utilizar css3 para impedir que browser’s -webkit- possam dar a possibilidade do usuário redimensionar a Textarea

VAMOS AO CSS

 
textarea{
resize:none;
}

Acima nós utilizamos um selector contextual para identificar o elemento html e utilizamos uma propriedade que foi implementada no cs3 o resize que significa redimensionar, por este motivo eu coloquei o valor none.

Esta é mais uma das novidades do css3 que eu apresentei pra vocês, como vocês entenderão apenas umas linhas de códigos conseguimos obter bons resultados.

Anúncios

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão /  Alterar )

Google photo

Está a comentar usando a sua conta Google Terminar Sessão /  Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão /  Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão /  Alterar )

Connecting to %s

%d bloggers like this: