8

我有以下 HTML(注意 CSS 将背景设为黑色,文本设为白色)

<html>
  <select id="opts" style="background-color: black; color: white;">
    <option>first</option>
    <option>second</option>
  </select> 
</html>

Safari 足够聪明,可以使出现在文本右侧的小三角形与前景文本颜色相同。

其他浏览器基本上忽略了 CSS,所以它们也很好。

然而,Firefox 3 应用了背景颜色,但将三角形保留为黑色,所以你看不到它,就像这样

例子

我不知道如何解决这个问题 - 任何人都可以帮忙吗?有没有-moz-select-triangle-color像这样晦涩难懂的东西?

4

6 回答 6

3

一定有Vista问题。我有XP SP 2,看起来很正常。

于 2008-08-27T03:13:46.680 回答
3

上面修复的问题是它在 Safari 上不起作用 - 你最终会出现看起来很糟糕的白色背景。我通过使用这个 Moz 特定的伪类来解决这个问题:

select:-moz-system-metric(windows-default-theme) {
    background-image: url(../images/selectBox.gif);
    background-position: right;
    background-repeat: no-repeat;
}

理论上,这仅适用于这个 CSS 如果一个花哨的 Windows 主题有效,请参阅这个https://developer.mozilla.org/en/CSS/%3a-moz-system-metric(windows-default-theme)

于 2009-03-16T12:21:24.580 回答
2

按钮必须是黑色的吗?您可以改为将黑色背景应用于选项。

于 2008-08-27T00:27:27.797 回答
2

为了在 vista 上显示黑色小箭头(黑色背景),我制作了一个白框 gif 并使用了以下 CSS:

select {
    background-image: url(../images/selectBox.gif);
    background-position: right;
    background-repeat: no-repeat;
}
于 2008-12-13T16:01:23.917 回答
0

我将该代码放入一个文件并将其推送到 ff3 并且我看不到您看到的内容......箭头是灰色背景和黑色箭头的默认颜色。

你也在设计滚动条吗?

我已经更新了帖子,其中的 HTML 现在实际上是所有正在加载的 html,没有其他 CSS/JS 或任何东西,它看起来仍然与图片中发布的完全相同。

注意我在vista上。它可能在 XP 上做不同的事情,我没有检查过

于 2008-08-27T02:19:16.873 回答
0

一定是Vista的问题。我有 XP SP 2,它看起来很正常。

就是这样。
我在XP上试过,很好,在主题设置为windows经典的vista上也很好。一定只是 firefox-vista-aero 主题中的错误。

于 2008-08-28T00:20:24.547 回答