Drop Down Not Working In Ie8 And Ie9

html:

Option 1Option 2

Solution 1:

Well, in order to style those in IE, you might need to get the actual <select> to be wider than the <div> you have. What you are looking for is probably something like this: http://jsfiddle.net/qhCsJ/2187/

Solution 2:

It looks like the appearance property is not supported in Internet Explorer- this is the problem.

There's a pseudo-element for the dropdown arrow on IE. Try adding this CSS (customized for your page).

.select-control::-ms-expand {
    display: none;
}

Share

Top Question

Disable Text Entry In

I am making a simple web app. At one part of it, I have inc…

Embedded Html Powershell Email Compressing Pic Length

I have a powershell script that embedds (not attaches) a pi…

Weird Dark Border :after Css Arrow In Firefox

In an attempt to make an arrow in pure CSS for my tooltip, …

How To Get Floated Divs Align To The Top?

The code below can be viewed in this fiddle: http://jsfiddl…

Why Is No File Type Returned When Adding An MKV File To A File Input?

I am attempting to grab the file/mime type of a file when i…

Align-items: Center Distorts Height Of Parent

I want to build, something like a carousel, that you can sl…

Why The Message Doesn't Appear Above The Accordion In Chrome?

I am trying the new HTML5 validations and when I try to use…

Counting The Number Of Rows In An HTML Table Except Don't Count The As A Row

I need your help, if the following code below counts every …

How To Make A Transition Effect Up The Input On Change

I need to place this particular effect on a dropdown I need…

JQuery Remove Parent Elements

I have some third party HTML that looks like this: …