moz-radius css not working on IE

[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-origin:padding;
-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 ???

[jscheuer1]

It doesn't and there is no IE equivalent. Anything -moz- only works in the Mozilla family of browsers, like Firefox, Flock, Netscape, Mozilla, perhaps others. In fact, anything -whatever- only works in those browsers that allow it, usually a single family of browsers programmed from a single basic browser engine and its various updates (as long as that -whatever- functionality is included in the updates).

If you want cross browser styles, either stay away from -whatever- properties, or find workarounds. For IE, in this case, that would probably require images, special markup, and/or javascript.

[sambit]

Oh, thats a bad news! :o

So, no workaround for that till today, web 2.0 world ?

Stupid Microsoft, why it doesnt stop doing this f**king browser. :confused::confused:

I tried a lot of things, but dint end up with a good result for cruved corners in the input box.

Any help ?

[jscheuer1]

I'm not sure what you are after exactly. Have a look at this:

http://home.comcast.net/~jscheuer1/side/pretty_input/

It can probably be modified. The files are all here:

http://home.comcast.net/~jscheuer1/side/pretty_input/pretty_input.zip