Das Bootstrap-Dropdown-Feld ist in der Firefox-Benutzeroberfläche nicht benutzerfreundlich

http://output.jsbin.com/titaki

Wenn Sie den obigen Link im Firefox-Browser öffnen, werden Sie feststellen, dass sich darin ein kleiner Container befindet und der Stil der Dropdown-Schaltfläche nicht benutzerfreundlich ist

Habe es bei Google nachgeschlagen

1. Kleine Container können select:padding:0

verwenden

2. Das Dropdown-Symbol kann „background-image; -moz-appearance:none“ verwenden, um den Stil des Dropdown-Felds zu entfernen, und dann

　

@-moz-document url-prefix() {
select.form-control {
-moz-appearance: none;
aussehen: keine;
hintergrundbild: url(" ../image/buy-other-down.png");
Hintergrundwiederholung: keine Wiederholung;
Hintergrundposition: calc(100% - 7px) 50%;
Hintergrundgröße: 15 % automatisch;
border-radius:3px;
padding:0;
}
}

ps: Der kleine Container kann mit padding: 0 entfernt werden, aber in diesem Fall hat die Auswahl keinen padding-left und die Schnittstelle ist nicht benutzerfreundlich Behälter, und ich muss ihn noch erkunden. Willkommen an alle Gartenfreunde. Machen Sie Vorschläge