Select-reset for cross-device <select> appearance

select-reset.scss

/*
    Tested on
    (Windows 7)
        Chrome, Firefox
    (Android 4.1)
        Android Browser, Chrome, Firefox
    (iOS 6.1.3)
        Safari

*/

.select--wrapper { //in case you want a css caret
    &::after {
        /*
            your caret style here
        */
    }
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: $vetical-padding 0; //use padding instead of height or line-height
        background: #fff; //set a background, even if it's transparent, or in case you want an image for caret
        text-indent: $indent; //use indentation to get rid of firefox-android caret
    }
}