选择框在 Mozilla 中无法正常工作

Question

我不知道 Firefox 中的选择框发生了什么。它在 chrome 和 Edge 中运行良好。但不是在 Firefox 中。请帮助各位。

选择字段有 50 个选项可供选择，但在 Firefox 中它们都以水平方式堆叠。什么可能导致这个问题。 请检查此link

Answer 1

您的 id 似乎有一个属性 display: initial 而 Firefox 不喜欢它。如果你把所有的选项都设置为width: 100% and display: block，并且去掉ids的display initial属性或者使用important，那么你的问题在firefox中就解决了。

例子：

option {
  width: 100%;
  display: block !important;
}

如果您不想使用 !important 声明，则可以从 #accounty3id、#account4id 等中删除 display: initial 属性。