Remove default dropdown arrow on Internet Explorer

  • Profile Image
    goquote
    Asked on April 07, 2016 at 09:57 AM

    Hi There,

     

    IE seems to hijack my form when it loads. It seems to add it's own menu on top of the jotform menu: see here:

    http://www.au.golandscapequotes.com.au/arborist

     

    How can I stop this from happening?

     

    Cheers

    Ben

  • Profile Image
    EltonCris
    Answered on April 07, 2016 at 11:50 AM

    IE is very outdated now in terms of its resources used that's why new CSS features are not rendered properly. However, I understand that there are still people using it so the following fix should help.

    If you want to remove the default dropdown arrow on IE10+, add this CSS codes to your form.

    .form-dropdown::-ms-expand {

        display: none;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps!

  • Profile Image
    goquote
    Answered on April 08, 2016 at 03:02 AM

    Can you have a look to see if it is injected properly (screenshot) 

     

    Still no change.

     

    The form is embedded on "intapage" if that make a difference

     

    Cheers

     

  • Profile Image
    mert
    Answered on April 08, 2016 at 04:07 AM

    Hi there,

    Making a little change on my colleague's CSS makes it work on IE. Please, see the last version of the CSS rule:

     

    select::-ms-expand {

        display: none;

    }

     

    I have already added it to your form and test it, it is hiding the dropdown arrow on IE properly. Please, see the screenshot from the below:

     

    For further assistance, please do let us know.

    Regards.