Deixar todos elementos do form com msm visual

[etapombas 0]

Queria saber como faço no CSS para determinar que todos elementos... input text (apenas), textarea e select fiquem com a msm aparecia.. sem precisar ficar colocando a tag class="" um a um.Apenas coloco na tag <form> e vai q vai

[Guilherme Rambo 4]

input, select, textarea {}

Se quizer por exemplo aplicar só ao input do tipo text, terá que por um class nele...

 

[]'s

[vagner.net 0]

Da pra fazer com Javascript também, utiliza essa função para atribuir uma classe para vários elementos de uma vez.

function setClass(tag, type, classe){				if(tag) arrayElements = document.getElementsByTagName(tag);				for(var i=0;	i<arrayElements.length;  i++)			if((arrayElements[i].type		 == type)		|| (type		== ''))				arrayElements[i].className = classe;	}

E chama a função assim:

window.onload = function(){		setClass('input', 'text', 'NOME_DA_CLASSE')		setClass('textarea', '', 'NOME_DA_CLASSE')		setClass('select', '', 'NOME_DA_CLASSE')	}

Nos SELECT's e TEXTAREA's, da pra fazer direto pelo CSS, no caso do INPUT TEXT que é um TYPE da TAG INPUT, você pode utilizar essa função... e pode adaptar ela pra utilizar com outros filtros.

 

Dessa forma você consegure criar o design HTML totalmente independente do código Javascript.

 

OK...!!?? T+...

[Guilherme Rambo 4]

Boa dica Vagner, muitas vezes eu uso isso http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Ah, tem também essa solução nas CSS, porém isso não funciona em todos os browsers então não é recomendado, to postando só pra constar:

input[type="text"] {propriedades}

[]'s

[etapombas 0]

achei uma maneira mais simplesquer seria definiar uma id para o form (no caso de exitir mais de 1)e no cssform#idname input{ }pq eu naum tinha dito acima... mas na msm pagina existem 2 forms, q teem estilos diferente =) malz