Problema con style input

[Dade]

Salve a tutti,
illustro brevemente il mio problema..

Ho dei form e a questi form vorrei che i css modifichino automaticamente gli style degli input..

Ma qui arriva il problema, Opera, FF, visualizzano gli input correttamente..

Il css è composto così

select, input {
	border:2px #D3D3D3 solid;
	color:#000000;
	font-size:11px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type=button]:hover {
	background-color:#E8E8E8 !important;
}
select {
	border:#D7D7D7 1px solid;
}
input[type=text], input[type=password] {
	background-color:transparent;
	color:#9D9FA2;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
	padding-top:6px;
	margin:2px;
}
input[type=submit], input[type=reset] {
	background-color:transparent;
	color:#4A4A4A;
	width:110px;
	height:34px;
	margin-bottom:2px;
	margin-left:2px;
	margin-top:3px;
}
input[type=submit]:hover, input[type=text]:hover, input[type=password]:hover, input[type=reset]:hover {
	background-color:#E8E8E8 !important;
	color:#4A4A4A;
}

Gli input devono essere visualizzati in questo modo..


Invece IE7 mi visualizza gli input così


Ho già dedotto che il problema sono le istruzioni tra le "[", ma senza di esse non saprei come generalizzare gli input..

Sono nelle vostre mani

[Gionnico]

Originariamente inviato da Dade
Salve a tutti,
illustro brevemente il mio problema..

Ho dei form e a questi form vorrei che i css modifichino automaticamente gli style degli input..

Ma qui arriva il problema, Opera, FF, visualizzano gli input correttamente..

Il css è composto così

select, input {
	border:2px #D3D3D3 solid;
	color:#000000;
	font-size:11px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type=button]:hover {
	background-color:#E8E8E8 !important;
}
select {
	border:#D7D7D7 1px solid;
}
input[type=text], input[type=password] {
	background-color:transparent;
	color:#9D9FA2;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
	padding-top:6px;
	margin:2px;
}
input[type=submit], input[type=reset] {
	background-color:transparent;
	color:#4A4A4A;
	width:110px;
	height:34px;
	margin-bottom:2px;
	margin-left:2px;
	margin-top:3px;
}
input[type=submit]:hover, input[type=text]:hover, input[type=password]:hover, input[type=reset]:hover {
	background-color:#E8E8E8 !important;
	color:#4A4A4A;
}

Gli input devono essere visualizzati in questo modo..


Invece IE7 mi visualizza gli input così


Ho già dedotto che il problema sono le istruzioni tra le "[", ma senza di esse non saprei come generalizzare gli input..

Sono nelle vostre mani

Perché non assegni una classe a tutti gli input di testo tipo

<input type="text" class="testo">

E poi li richiami nel css con

input.testo { }

[Dade]

Aveva già pernsato a questa soluzione..

Ma speravo ci fosse un modo per farlo senza assegnare una classe ad ogni input di tipo testo >_<

Ma se non c'è proprio un'altra alternativa mi accontenterò

Grazie

[Gionnico]

Originariamente inviato da Dade
Aveva già pernsato a questa soluzione..

Ma speravo ci fosse un modo per farlo senza assegnare una classe ad ogni input di tipo testo >_<

Ma se non c'è proprio un'altra alternativa mi accontenterò

Grazie

Con un replace di un qualsiasi buon editor di testo sostituisci il type="text" con type="text" class="testo" .. non è un'operazione lunga.

I css comunque sono ampiamente usati proprio con le classi e con pagine diverse (qui sta il vantaggio).

[H5N1_Aviaria]

In effetti c'è:

input[type=text]

Ma IE6 non lo riconosce e IE7 lo riconosce solo in Quirks mode.