28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai créé un formulaire de contact en modifiant les champs "input" (afin de les rendre plus beaux à regarder). Mon formulaire est comme je le souhaite sous Chrome et Firefox, mais sous IE, aucun input ne s'affiche...

input[type="text"], input[type="password"] {
	float: left;
        width: 250px;
	height: 30px;
	background: -webkit-gradient(linear 0 0, 0 bottom, from (#aa0a60), to (#4d0a2e));
	background: -webkit-linear-gradient(#aa0a60, #4d0a2e);
	background: -moz-linear-gradient(#aa0a60, #4d0a2e);
	background: linear-gradient(#aa0a60, #4d0a2e);
	-pie-background: linear-gradient(#aa0a60, #4d0a2e);
	box-shadow: black 0px 0px 10px 0px;
	-moz-box-shadow: black 0px 0px 10px 0px;
	-webkit-box-shadow: black 0px 0px 10px 0px;
	behavior: url("PIE.htc");
	border: none;
	padding: 4px;
	color: white;
}


Les sélecteurs tels que input[type="text"] ne fonctionnent pas sous IE, c'est normal Smiley smile ? J'ai mis donc des classes pour chaque input pour résoudre le problème... mais rien à faire, ça ne change rien !

Quelle est la solution ?

Merci et bon week-end
Modifié par kinkaz (01 Oct 2011 - 22:05)