font awesome_使Firefox Awesome Bar像Google Chrome一样半透明

最新推荐文章于 2024-10-17 11:21:39 发布

culul01313

最新推荐文章于 2024-10-17 11:21:39 发布

阅读量113

点赞数

文章标签： java python windows chrome mac

原文链接：https://www.howtogeek.com/howto/18810/make-the-firefox-awesome-bar-semi-transparent-like-google-chrome/

版权

font awesome

Would you like to make the Firefox Awesome Bar drop-down menu semi-transparent like in Google Chrome? Here’s a quick trick that can make your Firefox Awesome Bar a bit more awesome.

您是否要使Firefox Awesome Bar下拉菜单像Google Chrome一样半透明？这是一个快速技巧，可使您的Firefox Awesome Bar更加出色。

When you type an address or search query into the address bar in Google Chrome, the drop-down list of history and search suggestions that appears is slightly transparent. Nothing extreme, but it adds a nice touch.

当您在Google Chrome浏览器的地址栏中输入地址或搜索查询时，显示的历史记录和搜索建议的下拉列表会稍微透明。没什么特别的，但是它增加了一个不错的感觉。

Firefox’s Awesome bar, on the other hand, is fully opaque by default.

另一方面，Firefox的Awesome栏默认情况下是完全不透明的。

We can change that with a simple change. Exit Firefox, then open your Firefox profile folder by entering the following in the address bar in Explorer or in the Run command:

我们可以通过简单的更改来更改它。退出Firefox，然后通过在资源管理器中的地址栏中或在“运行”命令中输入以下内容来打开Firefox配置文件文件夹：

%appdata%\Mozilla\Firefox\Profiles\

％appdata％\ Mozilla \ Firefox \ Profiles \

Open the default folder, and then open the Chrome folder in it.

打开默认文件夹，然后在其中打开Chrome文件夹。

Now, open the userChrome.css file in an editor such as Notepad. If you do not have a userChrome.css file, open the userChrome-example.css file instead.

现在，在记事本等编辑器中打开userChrome.css文件。如果您没有userChrome.css文件，请改为打开userChrome-example.css文件。

Now, add the following to the end of the file:

现在，将以下内容添加到文件末尾：

#PopupAutoCompleteRichResult[type=”autocomplete-richlistbox”]{ opacity: 0.9 !important;}

#PopupAutoCompleteRichResult [type =” autocomplete-richlistbox”] {不透明度：0.9！important;}

You can change the opacity value, but 0.9 seemed the closest to Chrome’s transparency while keeping the text readable.

您可以更改不透明度值，但0.9似乎最接近Chrome的透明度，同时保持了文本的可读性。

Save the file as userChrome.css in that same folder. If you’re editing with Notepad, make sure to select to save as All Files so the file won’t be saved with a .txt extension.

将文件另存为同一文件夹中的userChrome.css 。如果您使用记事本进行编辑，请确保选择“另存为所有文件”，这样文件就不会以.txt扩展名保存。

Open Firefox, and now your Awesome Bar’s drop-down list will be transparent. Actually, it may look even more awesome than Google Chrome’s address bar!

打开Firefox，现在您的Awesome Bar的下拉列表将变为透明。实际上，它看起来比Google Chrome浏览器的地址栏还真棒！