讲师中心 微信公众号
AI工具推荐 视频效率加速

火狐浏览器怎么自定义用户样式表(userContent.css) 修改网站外观【CSS】

小辰小哥_6809

小辰小哥_6809

发布时间:2026-02-17 17:53:02

|

289人浏览过

|

来源于php中文网

原创

需手动创建并启用userContent.css文件:一、通过about:profiles定位默认配置文件夹;二、在其中新建chrome子文件夹;三、在chrome内创建userContent.css并添加@-moz-document规则及自定义CSS;四、在about:config中将toolkit.legacyUserProfileCustomizations.stylesheets设为true;五、完全重启浏览器后验证生效。

火狐浏览器怎么自定义用户样式表(usercontent.css) 修改网站外观【css】

如果您希望在火狐浏览器中通过自定义用户样式表(userContent.css)来覆盖特定网站的默认CSS样式,从而修改其外观,则需手动创建并启用该文件。以下是完成此操作的具体步骤:

一、定位火狐配置文件夹(profile folder)

userContent.css 文件必须放置在火狐当前用户的配置文件夹内,该路径因操作系统而异,且需先确认正在使用的配置文件。此步骤是后续所有操作的基础。

1、在火狐地址栏输入 about:profiles 并回车。

2、在“根目录”列中,找到标有“默认配置文件”或“启动时使用”的配置文件行。

立即学习“前端免费学习笔记(深入)”;

3、点击该行右侧的“打开文件夹”按钮(Windows/Linux)或“在文件管理器中打开”(macOS),系统将直接打开对应配置文件夹。

二、创建 chrome 子文件夹

userContent.css 文件不能直接放在配置文件夹根目录下,必须置于名为 chrome 的子文件夹中。若该文件夹不存在,需手动新建。

1、在已打开的配置文件夹窗口中,右键空白处,选择“新建文件夹”(Windows/Linux)或“新建文件夹”(macOS)。

2、将新文件夹命名为 chrome(全小写,无空格)。

3、双击进入该 chrome 文件夹。

三、创建并编辑 userContent.css 文件

userContent.css 是一个纯文本文件,用于编写全局或针对特定域名的 CSS 规则,其样式会在网页内容渲染时注入并覆盖原始样式。

1、在 chrome 文件夹内,新建一个文本文档,命名为 userContent.css(注意扩展名必须为 .css,不可为 .txt)。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

2、右键该文件,选择“用记事本”(Windows)或“文本编辑”(macOS)打开。

3、在文件开头添加以下声明以确保 CSS 正确加载:@-moz-document url-prefix() { };如需仅作用于某网站,可替换为 @-moz-document domain("example.com") { }。

4、在大括号内添加自定义 CSS,例如:body { background-color: #f0f8ff !important; }。

四、启用 userContent.css 支持

从 Firefox 69 版本起,默认禁用 userContent.css。必须通过 about:config 修改首选项才能启用该功能。

1、在火狐地址栏输入 about:config 并回车,点击“接受风险并继续”。

2、在搜索栏中输入 toolkit.legacyUserProfileCustomizations.stylesheets。

3、双击该首选项,将其值由 false 改为 true。

五、重启火狐并验证生效

修改 userContent.css 后必须完全关闭并重新启动火狐浏览器,否则新样式不会加载。重启后可通过检查元素确认规则是否被应用。

1、关闭火狐所有窗口(包括后台进程,可在任务管理器中确认 firefox.exe 或 firefox 进程已退出)。

2、重新启动火狐,访问目标网站。

3、按 Ctrl+Shift+I(Windows/Linux)或 Cmd+Opt+I(macOS)打开开发者工具,切换到“样式”面板,查找是否出现 userContent.css 条目及对应规则。

热门AI工具

更多
火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2826

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

5659

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

4027

2026.03.24

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3319

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2898

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

1508

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

2639

2023.08.02

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3330

2023.08.08

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

40

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 6.1万人学习

CSS教程
CSS教程

共754课时 | 99.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn