如何为type="menu"的Firefox工具栏按钮设置样式

Question

如何为type="menu"的Firefox工具栏按钮设置样式

4

我有一个Firefox扩展程序，它包含了一个工具栏按钮，点击后会显示一个面板。我通过将其类型设置为"menu"或"panel"来实现这一功能。问题是这类按钮的样式与标准按钮不同（下箭头指示可扩展）。设置class="toolbarbutton-1"可以使按钮在Windows上几乎正确显示，但在Linux上图标过高。我的扩展程序包括源代码在内，可以在https://addons.mozilla.org/en-us/firefox/addon/tabcloud/ 上获取。

我的问题是如何为工具栏按钮添加样式，以便在所有操作系统上都能正确显示并保持正确的高度。

- Connorhd

我不明白。通常情况下，您不需要更改标准小部件的样式。如果我查看DOM检查器，那么它的各种工具栏按钮看起来很好。 - Neil

@Neil 请尝试添加和删除图标，在Windows中，它比普通图标略高，并且会稍微拉伸栏，而在Linux中则更糟糕（请参见http://666kb.com/i/bqtay653warwlbkxj.png和http://666kb.com/i/bqtaygn89cmgn1h2v.png） - Connorhd

1

不确定第二张图片应该是什么，但假设云图标是你的，那么工具栏按钮似乎出于某种原因定义了orient="vertical"。 - Neil

第二张图片仅是为了展示按钮被移除后的高度差异。如果我移除 class="toolbarbutton-1"，那么箭头会出现在图标的侧面而不是下方，但这意味着在 Firefox 4 上按钮样式也会消失。 - Connorhd

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Neil · Accepted Answer

所以你想让你的按钮看起来像标准Firefox按钮之一？遗憾的是，只有一个标准的Firefox按钮使用type="menu"，而且由于某种原因，他们绕过了自己的错误这里，这里，还有这里...我建议你在自己的CSS中也这样做。