能否通过userChrome.css自定义火狐浏览器的alert()弹出提示框？

可以实现，具体操作逻辑和注意事项如下：

• 首先需要先确认你已经开启了火狐的userChrome.css自定义支持：
  1. 地址栏输入about:config进入配置页，确认toolkit.legacyUserProfileCustomizations.stylesheets配置项的值为true
  2. 进入你的火狐配置文件夹下的chrome目录中存在userChrome.css文件，后续样式代码写入该文件后重启浏览器生效
• alert弹窗分两类，处理方式不同：
  • 浏览器自身触发的弹窗（比如扩展报错、浏览器功能提示、配置修改确认类弹窗）本身属于火狐原生UI的一部分，可以直接用CSS修改
  • 网页调用alert()弹出的提示框默认是操作系统原生弹窗，不归火狐UI管控，需要先修改配置才能自定义
• 网页alert()弹窗自定义前置配置：
  在about:config页搜索prompts.contentPromptSubDialog，将值改为false，重启浏览器后网页触发的alert()/confirm()/prompt都会转为火狐原生UI弹窗，即可用CSS自定义
• 常用选择器参考：
  弹窗根元素：#commonDialog
  弹窗标题栏：.dialogTitleBar
  弹窗内容区域：.dialog-content-box
  弹窗按钮：.dialog-button

以下是简单的样式修改示例：

/* 修改弹窗整体背景和文字颜色 */
#commonDialog {
  background-color: #2d2d2d !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

/* 修改标题栏样式 */
.dialogTitleBar {
  background-color: #1f1f1f !important;
}

/* 修改按钮样式 */
.dialog-button {
  background-color: #404040 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 4px 12px !important;
}

内容的提问来源于stack exchange，提问作者Parking Master