删除Firefox的toolbarbutton和下拉标记之间的差距

我有一个toolbarbutton类型menu-button这是在我的Firefox扩展完美工作，但它不是很安静，因为我想。删除Firefox的toolbarbutton和下拉标记之间的差距

buttpon图像和下拉箭头之间的轮廓有一段空白（红色箭头显示了我指的概述空白 - 轮廓是问题的一部分 - 您还可以看到AdBlock Plus按钮没有这个问题）。

Red arrow shows the outlined gap

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

showing the shaded grey background on hovering over the button

我想删除的间隙（Adblock Plus的管理用他们的工具栏按钮，但我还没有想出如何），并删除该按钮定义的阴影（HAVA我悬停图像，其应该足以表明您处于点击区域）。

任何人都可以给我任何指针？它似乎有什么东西做的以下两类：toolbarbutton-1和chromeclass-toolbar-additional

感谢，

来源

2013-04-04 Fat Monk

我现在发现，当我有在工具栏自定义屏幕中选择'小图标'的差距消失。也许这是一个线索，但即使通过比较CSS的DOM检查器来拖网，我也找不到造成差距的原因。 – 2013-04-05 17:06:24

的差距，是因为类型是“菜单键”，而ADP按钮类型是“菜单”。差距风格取决于您使用的主题。

图像问题，你如何设置图像？在我的情况下，它可以很好地设置与

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

来源

2013-04-18 03:50:15 muzuiget

啊哈！你绝对没错。在AB +按钮上没有'点击'动作，只是菜单 - 这很有道理。 – 2013-04-18 08:00:15

关于图像问题...我使用以下指定相同的PNG用于所有图标： '#BabelSheepButton {list-style-image：url（“chrome：//babelsheepbutton/content/babelSheepButton.png “）;}' 然后将下面的拉出正确的区域用于正常和悬停模式 '.babelsheepbutton {-moz图像区域：矩形（0像素28px 25px的0像素）;} .babelsheepbutton：悬停 {-moz-image-region：rect（0px 56px 25px 28px）;}' 悬停图像显示在我悬停时，但也是我不想要的渐变背景。 – 2013-04-18 08:16:47

也许Firefox的默认CSS会导致它，或者你可以尝试添加'！important'。 – muzuiget 2013-04-18 15:31:35

删除Firefox的toolbarbutton和下拉标记之间的差距

回答

相关问题