經常遇到這樣的問題，在使用bootstrap框架的時候select選擇框的樣式在火狐瀏覽器上繼承的是瀏覽器本身的樣式，跟谷歌等其他的瀏覽器樣式對比很難看，並且很難調整，但是！

好東西來了，現在能調成跟谷歌一樣的樣式，只需要設置兼容火狐的樣式即可：

　　<link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
    <style>
        @-moz-document url-prefix() {
            select.form-control {
                -moz-appearance: none;
                appearance: none;
                background-image: url("http://221.228.109.114:8083/manage/more/firefox_select_icon.png");
                background-repeat: no-repeat;
                background-position: calc(100% - 7px) 50%;
                background-size: 2% auto;
                border-radius:3px;
                padding:0;
            }
        }
    </style>

兼容火狐瀏覽器的select下拉框樣式