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 change css styling for different lines within a paragraph in javascript

    Border of outer element affects how margin of inner element is displayed, why?

    How to make submenus drop down below parent menu, instead of flying out?

    CSS - How to crop an image to a square, if it's already square then resize it

    How does Mashable.com displays/hides an element through Css?

    How to use resolution relative css files?

    Dialogs are showing at the bottom of the page

    How to create four even and fluid css columns?

    how to align in centre using html css

    How to set input:focus style programatically using JavaScript

    How to apply format depending on absence of a CSS class?

    how to route arrow from right to down css

    HTML: How to style each table cell in a column via CSS?

    How to style Anchor in GWT?

    How are the invalid CSS lines interpreted?

    JavaFx: How to get the corresponding stylesheet for a given style class of a Node?

    How to hide extra overflow part of this angled css ribbon?

    How can align these elements?CSS

    How do I add a div under a right floated div?

    css rules multi class, how to match two out of many

    How to get rid of css inherited from a css file?

    How can I put styleName (css) on ui.xml to HTML5 input element (range)

    How to display the the full content of a database on clicking on 'Read More' button

    How to setup counters for target-counters

    Why do small spaces keep showing up in my web pages?

    How do you make a div display two inline items that stretch the width?

    How do I correctly locate a div within a list when making a horizontal nav bar with HTML/CSS?

    How to change element properties on hover with CSS in following case

    When using WebFont loader, how to hardcode the css?

    Right side border gradient only with the newer webkit gradient syntax, also which browsers support this, and how to do it in those as well?