Rounded Corner's IE

  • Profile Image
    mike546
    Asked on March 28, 2012 at 10:36 AM

    Hi,

    I am having some problems with the code below which adds rounded borders to my form. The code works fine in Firefox but in Internet Explorer, the radio buttons and check boxes appear with borders around them. In Firefox they don't.

    Is there any way to prevent IE from doing this? I have tried adding css which targets the form.radio and form.checkbox classes but this doesn't seem to work?

    input, select {
    border: 1px solid #A2A2A2;
    background-color:#FCFCFC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 6px;
    padding: 3px;
    font-size: 11px;
    }

    Many Thanks

  • Profile Image
    idarktech
    Answered on March 28, 2012 at 01:03 PM

    Hi Mike,

    It's actually an IE browser issue, it's not on JotForm side. Unfortunately, none of a versions of Internet Explorer (even IE8) does not support border-radius property, but some latest browser supports this like FF, Chrome and Safari.

    Hope this information helps. If you have any other questions or concern, please let us know. Thanks.