Internet Explorer 11 Ignores List-style:none On The First Load

I am using the Superfish jQuery plugin for my menu. In Chrome and in mobile Opera emulator it works fine but in Internet Explorer 11 the CSS property list-style:none only applies t

Solution 1:

I had a similar issue in IE11 and setting the list-style for the ul didn't solve it. But I found the following solution here which did work for IE11:

.sf-arrowsli {
    list-style-image: url(data:0);
}

Solution 2:

I had exactly the same problem in IE 11.

Adding an inline style to the <ul> element worked for me:

<ulstyle="list-style: none;">

Setting list-style: none in an external CSS file did not seem to work.

Solution 3:

Add the style to the UL

.flexnavul {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
}

Solution 4:

Positionning the bullet outside and applying an hidden overflow on the li did it for me. It is still there but can't be seen. So:

li {
list-style-position: outside;
overflow: hidden;
}

Solution 5:

This solution works perfectly for me, the only one tha worked

.sf-arrowsli {
list-style-image: url(data:0);
}

Thank you for sharing it