postcss-ie-appearance-none

PostCSS PostCSS plugin append -ms-expand and -ms-check ( for IE 10+ ) alternative appearance: none.

Install

$ npm install postcss-ie-appearance-none

or

$ yarn add -D postcss-ie-appearance-none

Example

.foo {
    appearance: none;
}
 
input.myInput {
    appearance: none;
}
 
select.mySelect {
    appearance: none;
}

.foo {
    appearance: none;
}
 
.foo::-ms-expand, .foo::-ms-check {
    display: none;
}
 
input.myInput {
    appearance: none;
}
 
input.myInput::-ms-check {
    display: none;
}
 
select.mySelect {
    appearance: none;
}
 
select.mySelect::-ms-expand {
    display: none;
}
 

Usage

postcss([ require('postcss-ie-appearance-none') ])

See PostCSS docs for examples for your environment.