css - 删除 Firefox 工具栏按钮和下拉标记之间的间隙

Question

我有一个在我的 Firefox 扩展程序中完美运行toolbarbutton的类型menu-button，但是它的样式并不像我想要的那样安静。

按钮图像和下拉标记箭头之间有一个轮廓间隙（红色箭头显示了我所指的轮廓间隙 - 轮廓是问题的一部分 - 您还可以看到 AdBlock Plus 按钮，它没有有这个问题）。

此外，当您将鼠标悬停在图像/按钮上时，会出现阴影灰色背景。

我想消除差距（AdBlock Plus 用他们的工具栏按钮管理这个，但我还没有弄清楚如何）并删除阴影（我有为按钮定义的悬停图像应该足以表明你在点击区）。

任何人都可以给我任何指示吗？这似乎与以下两个类有关：toolbarbutton-1和chromeclass-toolbar-additional

谢谢，

调频

Answer 1

差距是因为类型是“菜单按钮”，而ADP按钮类型是“菜单”。间隙样式取决于您使用的主题。

图像问题，如何设置图像？就我而言，它可以很好地设置

button.style.listStyleImage =  'url("chrome://referrercontrol/skin/icon24.png");'