TextArea Handiness

Não vejo isso com tanta frequência quanto acho que deveria ser implementado. Acredito que seus usuários não precisam ser capazes de fazer coisas que podem quebrar seu site / layout. Sempre que vejo essas pequenas linhas de arrastar no canto inferior direito de uma área de texto, sempre pego e, na maioria das vezes, posso fazer o site de alguém parecer horrível. Você pode desligar isso facilmente adicionando algumas linhas em seu CSS para a área de texto:

.classname {
overflow
:auto;
resize
:none;
}

Feito e feito. Agora ninguém pode alterar o que também não deveria ser uma zona editável. Outra coisa útil para adicionar é o preenchimento e as margens para que o IE não os adicione e os faça parecer diferentes de suas entradas normais. Você também deve adicionar isso às suas entradas:

 .classname {
overflow
:auto;
resize
:none;
padding
:5px;
margin
:0px;
}

Isso destrói efetivamente quaisquer diferenças que às vezes surgem quando você está fazendo testes entre navegadores. Para posicionar minhas entradas e TextAreas, coloco tudo em uma div e a posiciono.

Você também pode usar um CSS Reset como este: http://meyerweb.com/eric/tools/css/reset/

Isso garantirá que você tenha uma boa base para começar ao fazer testes entre navegadores.