Firefox 79 – 地址欄彈出窗口中的滾動條

如果您在點擊地址欄後將 Firefox 的地址欄彈出窗口中的條目數設置得太高，則可能會發生以下條目不再顯示的情況。在這種情況下，您需要一個 CSS 代碼來創建一個額外的滾動條。

如果條目太多，默認情況下是這樣的：

顯示的條目超出屏幕底部的邊緣，您看不到其他條目。

注意：
我已經在此處為此提供了 CSS 代碼，但它在當前版本的 Firefox 中不再有效。

（您可以在值browser.urlbar.maxRichResults下的 about:config 中更改此彈出窗口中的條目數）

Firefox 79 – 地址欄彈出窗口中的滾動條

關於about:config 我已經在這裡寫了解釋。

關於：配置說明

創建 userChrome.css 和 userContent.css

一個通知：

如果您是第一次使用其中一個文件，您還必須在 about:config 中輸入值：

toolkit.legacyUserProfileCustomizations.stylesheets

切換為真。

我已經在這裡描述了這是如何完成的：

重用 userChrome 文件

這裡是如何用 CSS 代碼來做的解釋。

首先，我們轉到 Firefox 配置文件文件夾並打開我們自己創建的chrome文件夾。

然後打開chrome文件夾下的userChrome.css文件。

我們現在在此文件中輸入以下 CSS 代碼：

/* 在 urlbar 中顯示地址建議的滾動條 */ :root { /* about:config = browser.urlbar.maxRichResults 中的值必須相同 */ --ac_popup_number_of_results: 80; /* 上面的值越高，px 值必須越小 */ --ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 )); --ac_popup_height: calc(400px * var(--ac_popup_number_of_results)); } /* 不滾動顯示的最大條目數 */ .urlbarView:not(.megabar) { height: var(--ac_popup_height) !important; 最大高度：var（--ac_popup_maxheight）！重要；} /* 地址列表頂部和底部的邊距 */ #urlbar-results { margin-top: 1px !important; margin-bottom: 3px !important; } /* 滾動條和地址列表位置 */ .urlbarView:not(.megabar){ overflow-y: scroll !important; margin-top: -1px !important; margin-bottom: 1px !important; } /* 禁用 urlbar 擴展 */ #urlbar[breakout][breakout-extend] { top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important ; 左：0！重要；寬度：100%！重要；} #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; 填充塊：0！重要；內聯填充：0！重要；} #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { 動畫名稱：無！重要；} #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; } } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; 填充塊：0！重要；內聯填充：0！重要；} #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { 動畫名稱：無！重要；} #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; } } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; 填充塊：0！重要；內聯填充：0！重要；} #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { 動畫名稱：無！重要；} #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; }

這就是 userChrome.css 文件中的代碼：