how to remove selected option background color in IE browser through css?


Tags: css,internet-explorer,select,option

Problem :

Here is the code what i tried to get rid from my problem,

HTML

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

css

select[optiopn:selected]{
background-color:white;
}

here is the screenshot enter image description here



Solution :

You can achieve it using like this.

select:focus::-ms-value {background-color: white; color:#000;}

DEMO


    CSS Howto..

    How to create the + button with CSS?

    How can I force form elements to render the same across browsers?

    I want to make semi-identical manu like the one on this page - how? [closed]

    How to center a span in a div

    How to set control properties in css?

    CSS float property shows no height?

    How do I use a pre-defined CSS style for a programmatically drawn TextField?

    How to change list item color with JQuery

    How to have images in line with text in css

    How do I keep sibling divs from pushing each other down when I use “margin-top: 4px” on one of them?

    How often to use REM in CSS [closed]

    How to make html list scrollable downwards on fullscreen page?

    how to use querySelector to select dynamic added elements

    Font Styling Issue ~ how to make font smooth/Strong in html css

    How to increase width of children from the right to the left? [closed]

    ML - CSS How to align correctly a 'required' asterisk before la form label with the label text?

    How to do the Height of html tag Body on 100% of browser window size?

    How can I opt out of a CSS style on a case-by-case basis?

    Google chart - how to change a css property for the whole table

    How to prevent the CSS `:before` text being editable while the `div` itself is editable?

    ValidationSummary and ValidationMessageFor with custom CSS shown when no errors present

    How to include Material Design libraries without npm

    How to make a DIV section clickable?

    how to improve this CSS layout which look like a table [closed]

    How to align multiple images in a table cell vertically?

    How to override inline css from external class?

    How to merge all with class

    How to create a absolute element overlapping several rows in a calendar (table) design?

    How to test .css file for syntax errors?

    How to show a background color over the full width when zooming in?