postcss-ie-appearance-none

PostCSS plugin append -ms-expand and -ms-check alternative appearance: none.

Usage no npm install needed!

<script type="module">
  import postcssIeAppearanceNone from 'https://cdn.skypack.dev/postcss-ie-appearance-none';
</script>

README

postcss-ie-appearance-none Build Status

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.