css - 选择不在Firefox中的一台计算机上设置样式的标签

在工作场所的特定计算机上，选择标签在浏览器中的样式不正确。每个人都使用相同版本的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;
}

编辑
一些进一步的测试表明，当选择大小属性更改为5时

<select size='5'>

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

最佳答案

因此，事实证明，Firefox 48中发布了一个名为multiprocess的firefox中的设置，该设置弄乱了下拉菜单的某些CSS。该错误仍存在于51.0.1中，但应通过53或54进行修复。要检查是否已启用多进程，请在URL中键入about：support，然后在第一个表中检查“多进程Windows”的值是否> = 1 / 1。这意味着已启用它，很可能是问题的原因。

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


进入firefox的about：config页面（在URL中输入about：config，并接受安全隐患）
搜索自动启动
将browser.tabs.remote.autostart.2从true更改为false


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

感谢jscher2000为答案here。

关于css - 选择不在Firefox中的一台计算机上设置样式的标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41388644/