CSS só em Input text

[SetaMB 1]

Olá galera!

 

Seguinte, tem como fazer um estilo CSS apenas para input type="text"???

 

Eu sei que se fizer como o modelo abaixo funciona, mas aí eu teria que colocar uma classe em todos os inputs, coisa que não é viável agora.

 

input.text {
  color: #FF0000;
}

Existe outra forma mais genéria?

 

Obrigado, SetaMB.

[GabrielFerrari 41]

input[type=text] { 
color: #FF0000;
}

Tenta assim

[SetaMB 1]

input[type=text] { 
color: #FF0000;
}

Tenta assim

 

Fala Thelon, beleza? Então cara, eu já tinha dado uma pesquisada na net antes de postar aqui e tinha visto essa opção. Já tinha testado e não tinha funcionado. Fiz de novo e n tive resultados. Será que tem outra opção?

 

Ah! Estou com IE7 e FF3.5.2. Só funciona no FF.

 

Att, SetaMB.

[GabrielFerrari 41]

Ahh sim verdade.

O unico jeito é com alguns esquemas em JS

 

Porém não acho aconselhável pois o problema não é apenas com o IE e sim outros navegadores

não acho que vale a pena fazer isso pela complicação gerada.

 

Mas se quiser podemos esperar algum moderador mover para área de JS e ver se alguém pode lhe ajudar.

[SetaMB 1]

Beleza cara. Obrigado mesmo assim!

 

Abraço, SetaMB

[hargon 64]

Tópico movido.

 

Origem: Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Destino: Javascript/DHTML

[Otata 4]

usando o jquery você faze isso tranquilo

 

<script src='jquery.js'></script>
<script>


$(document).ready(function(){
	$('input[type=text]').each(function(){
		$(this).css('color','#FF0000');
	});
});

</script>

<input type="text" />
<input type="text" />
<input type="text" />

ou javascript puro mesmo

 

<input type="text" />
<input type="text" />
<input type="text" />

<script>
var inputs = document.getElementsByTagName('input');
for(var i = 0;i<inputs.length;i++){
	if(inputs[i].type == 'text'){
		inputs[i].style.color = '#FF0000';	
	}
}
</script>

http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js

 

t+

[SetaMB 1]

Hum....vou ver aqui se consigo. Obrigado!!

 

PS.: Só por curiosidade, por que o tópico foi movido pra JavaScript se a dúvida é em CSS? o.O""

[GabrielFerrari 41]

Foi movido pois necessita de JS para criar a alteração nos outros browsers :P

Os códigos postados são em JavaScript

[Matheus Tavares 167]

Amigo, somente uma correção. Você não precisa fazer um looping para aplicar em todos os elementos o estilo.

O correto em jQuery seria apenas isso:

 

$(document).ready(function(){
  $('input[type=text]').css('color','#FF0000');
});