What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Remove default dropdown arrow on Internet Explorer

    Asked by goquote 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

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

    Screenshot
    dropdown arrow select arrow
  • Profile Image
    JotForm Support

    Answered by EltonCris 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

    Answered by goquote 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
    JotForm Support

    Answered by mert 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.