[CSS 3] radius sur des inputs ne passe pas sous IE ?

[SpaceFrog]

Voilà mon css

Code :

1
2
3
4
5
6
7
8
9
10
#zoombut {
	display:inline;
	color: #FFFFFF;
	background-color:  #003a62;
	margin: 0 ;
	cursor:pointer;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

et sous IE pas de coins arrindis

si je ne style pas les boutons ils ont le look par defaut IE avec des arrondis mais dès que je touche au style il deviennent d'équerre !!!

[Yann39]

Salut,

IE n'a jamais pris en compte les radius :/

• border-radius c'est CSS3 donc pris en compte qu'à partir d'IE9;
• -moz pour Firefox;
• -webkit pour Safari.

Le meilleur moyen reste d'utiliser des images.

[ornitho13]

salut,

voici un lien qui explique la compatibilité CSS avec les différentes versions d'IE (lien MSDN), dont je me sers parfois et qui est très utile :

http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

[introdisco]

Tu écris ça dans ton css:

Code :

1
2
3
4
5
 -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
 border-radius: 10px;
  behavior: url(../border-radius.htc);

et tu telecharges ce plugin ici : http://code.google.com/p/curved-corner/

Normalement, ça marche sur tous les navigateurs après.