Html 如何删除firefox浏览器下拉列表之间的空格

我在chrome上测试过，一切正常，没有空间。但当我在firefox中打开时，输入字段的位置发生了变化，下拉列表之间有空格

来自firefox浏览器

来自chrome浏览器

$（文档）.ready（函数（）{
$（“.js示例基本单”）.select2（）；
});
.dob\m{
高度：34px；！重要；
宽度：110px；！重要；
}
多布{
高度：34px；！重要；
宽度：65px；！重要；
}
多布埃先生{
高度：34px；！重要；
宽度：85px；！重要；
}

$（文档）.ready（函数（）{
变量月=[]，日=[]，年=[]；
对于（var i=1；i这是由于
在
selects
之间换行造成的。因此，为了避免中断缩进，我在
selects`之间添加了HTML注释

或者，您可以将所有
选择
放在同一行代码上


$（文档）.ready（函数（）{
$（“.js示例基本单”）.select2（）；
})；
.dob\m{
高度：34px；！重要；
宽度：110px；！重要；
}
多布{
高度：34px；！重要；
宽度：65px；！重要；
}
多布埃先生{
高度：34px；！重要；
宽度：85px；！重要；
}

$（文档）.ready（函数（）{
变量月=[]，日=[]，年=[]；
对于（var i=1；i只需解决此问题，请将
float:left
添加到
。选择2 container
或需要删除内联块元素之间的
空白，请选中此链接


$（文档）.ready（函数（）{
$（“.js示例基本单”）.select2（）；
})；
.dob\m{
高度：34px；！重要；
宽度：110px；！重要；
}
多布{
高度：34px；！重要；
宽度：65px；！重要；
}
多布埃先生{
高度：34px；！重要；
宽度：85px；！重要；
}	
.选择2个容器{
浮动：左！重要；
}

$（文档）.ready（函数（）{
变量月=[]，日=[]，年=[]；
对于（var i=1；i），它在firefox中也可以正常工作。
.select2-container {
   float: left !important;
}