Html 日期选择下拉列表中未对齐的选项（Firefox）

在Firefox中，这个日期选择下拉列表有一些令人不安的选项。请参见下图：

关于我能做些什么使选项排列整齐，有什么建议吗

此处的CSS：

.dob-selects-container {
  display: block;
  -moz-box-sizing: border-box;
  float: left;
  min-height: 30px;
  margin-left: 2.12766%;

  :nth-child(1) {
    width: 120px;
    display: inline-block
  }

  :nth-child(2) {
    width: 60px;
    display: inline-block
  }

  :nth-child(3) {
    width: 80px;
    display: inline-block
  }
}

---

如果您只是使用

：nth-child（）

指定样式规则，它将应用于所有匹配的元素

您已经使用子选择器为前3个孩子指定了

display:inline block

，因此他们将像文本一样并排放置<代码>三月被拉下，因为它在同一行中没有任何可用空间

如果您试图仅将其应用于

元素，请尝试

select:nth-child(1) {
 width: 120px;
 display: inline-block
}

---

你也可以发布你的HTML吗？