Bootstrap dropdown box in the Firefox browser interface unfriendly solution _javascript tips

Http://output.jsbin.com/titaki

The above link in the Firefix browser will be found inside a small container, and the dropdown button style is very unfriendly

Check it out on Google.

1. Small containers can use select:padding:0

2. The dropdown icon can be removed by using Background-image;-moz-appearance:none to remove the dropdown box, and then

@-moz-document Url-prefix () {
Select.form-control {
-moz-appearance:none;
Appearance:none;
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
}
}

PS: The small container can be removed with padding:0 but in this case select there is no Padding-left, the interface is not friendly; do not know how to solve the problem of small containers, but also need to grope, there are good ideas welcome to propose, thank you!