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

Question

我不知道firefox中的选择框发生了什么。它在chrome和Edge中工作正常。但不是在Firefox中。请帮帮我们

select字段有50个选项可供选择，但它们全部在firefox中以水平方式堆叠。可能导致此问题的原因。 请查看此link

Answer 1

您的ID似乎有一个属性display: initial，而firefox不喜欢它。如果您将所有选项设置为width: 100% and display: block，并从ids中取消显示初始属性或使用important，那么您的问题将在firefox中解决。

示例：

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

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