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がなくなり、インターフェースが不親切になります。この小さなコンテナの問題を解決する方法がわかりません。まだまだ探索する必要があります。ガーデンの友人からの提案は大歓迎です。