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的版本无关，所以提供的答案是错误的。 Did Firefox 48 remove ability to style the select element?

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

Answer 1

好的，所以这里的解决方案是 禁用 - ＆gt;多进程Windows

在浏览器中输入 about：config

然后搜索 browser.tabs.remote.autostart （我有一个browser.tabs.remote.autostart.2）

将其更改为 FALSE ，然后重新启动浏览器这将使firefox运行多进程Windows禁用，修复问题

Answer 2

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

如果您使用的是Firefox 48或更高版本，则可能已经在使用e10。检查：支持并在“Multiprocess Windows”条目中查找大于0的数字。

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

问题应该通过Firefox 54的发布自行解决。

Answer 3

请尝试使用此代码

/ * FIREFOX FIX丑陋的选择框* /

@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 4

测试代码：

-webkit-appearance: none;  /* Remove style Chrome */
-moz-appearance: none; /* Remove style FireFox */
appearance: none; /* Remove style FireFox*/

Firefox覆盖html选择选项

4 个答案: