[Solved] moz-radius CSS Not Working in IE – Help!

[sambit]

Hi there..

I was trying to make a Request a Quote form for one of my client here,
http://tinyurl.com/ycrseox

My css for the input boxes is this,

.myInput {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:transparent url(images/inputbg.png) repeat-y scroll 0 0;
border:1px solid #AACCEE;
color:#058FDE;
font-family:Segoe UI,Tahoma,Verdana,Arial;
margin:2px auto 10px;
padding:6px;
width:260px;

It works fine in Firefox.

But this curve for input boxes , just doesnt work on IE browsers.
Can anyone help please ???

[mackie]

Right now all IE versions don’t support the corner radius css3 tags, you’ll have to use a javascript plugin to apply rounded corners in IE, a simple google search will produce a couple for you. Another thing is all css tags with -moz- only apply to Mozilla Firefox, -webkit- apply to all other broswers (minus IE of course). A good resource for you would be http://www.css3.info/ and obv the site you’re on right now.

[Author]

Posts