Firefox覆盖html选择选项的样式

Question

好的,所以这一直困扰着我一段时间,我无法弄清楚造成这种情况的原因.我想知道是否有其他人有这个问题或注意到这一点.

在我的CSS中,我将html选项选项设置为与此类似

在某些计算机上,它看起来像我的样式,在某些计算机上看起来有些东西覆盖了样式然后它看起来像这样

到目前为止的一些事实,以帮助确定是什么导致这一点 我测试的所有计算机都在运行Windows 7.我安装了大量程序的主电脑没有这个问题.我的笔记本有这个问题.我的小型电脑有一个干净的安装与很少的程序有这个问题,也没有安装任何adobe产品.在PC上有问题,如果我在firefox中刷新,问题会在大约5-10分钟内修复,然后再回来.

如果这是一个CSS问题,为什么刷新firefox暂时修复,然后再回来？

这让我觉得在刷新后会获取一些后台插件或设置.

这可能是Windows上的其他应用程序造成的吗？

有人能告诉我他们是否可以重现这个问题,以及如何解决这个问题以及导致问题的原因？

这是我的CSS

SELECT {
    color: #555558;
    font-size: 16px;
    margin: 0px 0px 8px 12px;
    padding: 2px 0px 2px 5px;
    width: 203px;
}

HTML

<select>
<option> - Select a Page - </option>
<option>Home Page</option>
<option>About Us</option>
<option>Camping Tips</option>
</select>

我几个月前发布了关于这个问题但是现在这个问题与firefox或CSS的版本无关,所以提供的答案是错误的.Firefox 48是否删除了为select元素设置样式的功能？

以下是插件列表,如上所述,默认安装会产生此问题.

Answer 1

请试试这个代码

/* Firefox 修复丑陋的选择框 */

@supports (-moz-appearance:none) {
  select
  {
  -moz-appearance:none !important;
  background: transparent url('data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==') right center no-repeat !important;
  background-position: calc(100% - 5px) center !important;
  }
}

谢谢

Answer 2

这似乎是自多进程 Firefox 发布以来出现的错误。有关电解的更多信息，请访问：https : //wiki.mozilla.org/Electrolysis

如果您使用的是 Firefox 48 或更高版本，则您可能已经在使用 e10s。检查 about:support 并在“多进程 Windows”条目中查找大于 0 的数字。

机会是：受影响的计算机是由于启用了多进程。此问题正在 Bugzilla 上进行跟踪：https ://bugzilla.mozilla.org/show_bug.cgi ? id = 910022

这个问题应该会随着 Firefox 54 的发布而自行解决。

Answer 3

好的,所以这里的解决方案是禁用 - >多进程Windows

在浏览器中输入about:config

然后搜索browser.tabs.remote.autostart(我有一个browser.tabs.remote.autostart.2)

将此更改为FALSE然后重新启动浏览器这将使firefox运行多进程Windows禁用,以解决此问题