刪除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和下拉標記之間的差距

回答

相關問題