Css 消除firefox工具栏按钮和下拉标记之间的间隙

我有一个菜单按钮类型的工具栏按钮，它在我的Firefox扩展中工作得很好，但是它的风格并不像我想要的那样安静

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

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

我想删除gap AdBlock Plus通过其工具栏按钮来管理此功能，但我还没有弄清楚如何删除为按钮定义的阴影I hava hover图像，该图像应足以指示您处于单击区域

有人能给我指点吗？这似乎与以下两个类有关：toolbarbutton-1和chromeclass toolbar additional

谢谢

---

FM

之所以会出现这种差距，是因为类型是菜单按钮，而ADP按钮类型是菜单。间隙样式取决于您使用的主题

图像问题，如何设置图像？在我的例子中，使用

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

---

现在我发现，当我在工具栏自定义屏幕中选择了“小图标”时，这种差距就会消失。也许这是一个线索，但即使在DOM检查器中比较CSS，我也找不到造成这种差距的原因。啊哈！你完全正确。。在AB+按钮上没有“点击”操作，只有菜单-这是有意义的。关于图像问题。。。我使用以下命令指定用于所有图标的相同png:BabelSheepButton{list style image:urlchrome://babelsheepbutton/content/babelSheepButton.png}然后使用以下命令为正常模式和悬停模式提取正确的区域。babelsheepbutton{moz image region:rect 0px 28px 25px 0px；}.babelsheepbutton:hover{moz image region:rect 0px 56px 25px 28px；}悬停时会显示悬停图像，但也会显示我不想要的渐变背景。可能是Firefox默认css造成的，或者您可以尝试添加！重要的