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

标签 jquery html css firefox drop-down-menu

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

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

Screen Shot

最佳答案

您的 ID 似乎有一个属性 display: initial而火狐不喜欢它。如果将所有选项设置为 width: 100% and display: block , 并去掉ids中的display initial属性或者使用important,那么你的问题将在firefox中得到解决。

例子:

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

如果您不想使用 !important 声明,则可以删除 display: initial来自#accounty3id、#account4id 等的属性

关于jquery - 选择框在 mozilla 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42005800/

相关文章:

javascript - 异步任务完成后通知

Jquery Accordion 多级导航

javascript - 第二次单击后触发 knockout 单击绑定(bind)

html - 使用按钮 onclick 固定事件

javascript - Redux 表单不允许编辑初始化表单状态值

jquery - Ajax Json 不允许双引号结果

html - 使内联 block 成为父级的 100% 高度?

css - 让 child 在菜单中填写 parent 的高度

html - 使用CSS的背景图像

html - 一行中所有列的表格边框高度相等