ブートストラップ ドロップダウン ボックスは、Firefox インターフェイスではフレンドリではありません

http://output.jsbin.com/titaki

上記のリンクを Firefix ブラウザで開くと、中に小さなコンテナがあり、ドロップダウン ボタンのスタイルがフレンドリーではないことがわかります

Googleでチェック

1.小さなコンテナは select:padding:0 を使用できます

2. ドロップダウン アイコンは、background-image; -moz-Appearance:none を使用して、ドロップダウン ボックスのスタイルを削除できます。

@-moz-document url-prefix() {

select.form-control {
-moz-Appearance: なし;
外観: なし;
Background-image: url("../image/buy-other-down .png");
background-repeat:no-repeat;
background-position:calc(100% - 7px) 50%;
background-size:15% auto;
border-radius:3px;
padding:0;
}
}

追記: 小さなコンテナはpadding: 0で削除できますが、この場合、selectにpadding-leftがなくなり、インターフェースが不親切になります。この小さなコンテナの問題を解決する方法がわかりません。まだまだ探索する必要があります。ガーデンの友人からの提案は大歓迎です。