Grow your CSS skills. Land your dream job.

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

  • # December 28, 2009 at 8:48 am

    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 ???

    # December 28, 2009 at 11:09 am

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".