选择不在firefox

Question

在工作场所的某台计算机上，选择标记在浏览器中的样式不正确。每个人都使用相同版本的Firefox，但只有一台计算机出现此问题。在计算机上运行此jsfiddle时，将显示如下所示：

它在每台其他计算机上都显示如下，这就是我们希望它显示的方式：

我猜测只有一些设置可以在firefox中更改，但我已经尝试搜索但找不到任何内容。

jsfiddle代码：

HTML

<select>
  <option class='red'>red</option>
  <option class='green'>green</option>
  <option class='blue'>blue</option>
  <option class='hidden'>not here</option>
</select>

CSS

select {
  background-color: lightgray;
}
.red {
  color: red;
}
.green {
  color: green;
}
.blue {
  color: blue;
}
.hidden {
  display: none;
}

修改 一些进一步的测试显示，当select size属性更改为5

时

<select size='5'>

它会正确显示所有选项（包括不应该看到的选项）。另一个有趣的说明：我无法右键单击以检查有问题的下拉列表。这就像每当我点击两台计算机上的下拉箭头时，就会创建一个没有样式的克隆。

Answer 1

所以事实证明在Firefox 48中发布了一个名为multiprocess的firefox设置，这会让下拉菜单中的某些css变得混乱。该错误仍然存​​在于51.0.1中，但应该由53或54修复。要检查是否启用了多进程，请在url中键入about：support，然后在第一个表中检查Multiprocess Windows的值是否为＆gt; = 1 / 1。这意味着它已启用，可能是问题的原因。

要禁用它，您需要执行以下操作：

• 进入firefox的about：config页面（在网址中键入about：config，并接受安全风险）
• 搜索自动启动
• 将browser.tabs.remote.autostart.2从true更改为false

然后重启firefox，它应该解决问题。禁用多进程功能可能会导致性能略有下降。

感谢jscher2000的回答here。