phpMyAdmin登录失败的红色弹窗由js/error.js中的showError()函数触发，渲染为DOM元素（如.pmalert.error），插入末尾；应通过自定义CSS（如css/custom.css）覆盖样式，而非修改JS逻辑。
phpMyAdmin 登录失败时的弹窗来自哪里
登录失败后那个带“错误”字样的红色弹窗，不是浏览器原生 alert()，而是 phpMyAdmin 自己用 JavaScript 渲染的 DOM 元素，位于 js/error.js（或较新版本中的 js/src/error.js）中，由 showError() 函数触发。它最终插入到 末尾，类名通常是 error 或 pmalert，具体取决于版本。
直接修改 CSS 类比改 JS 更安全可靠
不建议动 showError() 的逻辑，因为升级会覆盖；优先通过 CSS 覆盖默认样式。关键点：
- phpMyAdmin 启动时会加载
css/common.css和css/theme.css，你只需在自定义 CSS 文件（如css/custom.css）里追加规则，并确保它在主题 CSS 之后加载 - 常见目标选择器：
.error、.pmalert.error、#pma_errors（旧版），可用浏览器 DevTools → Elements 面板右键「Reveal in Elements panel」确认实际 class - 必须加
!important（部分内联 style 或高权重规则会干扰），例如：.pmalert.error { background-color: #ffebee !important; border-left: 4px solid #c62828 !important; color: #b71c1c !important; font-weight: 500 !important; }
如何让自定义 CSS 生效而不被覆盖
phpMyAdmin 默认不读取外部 CSS，需手动注入。最稳妥方式是修改配置文件 config.inc.php，在末尾添加：
$cfg['HeaderLogoLink'] = 'index.php'; // 确保配置已加载 $cfg['ThemePath'] = 'themes'; $cfg['CustomCSS'] = 'css/custom.css'; // 指向你放样式的路径
然后把 custom.css 放到 phpMyAdmin 根目录下的 css/ 文件夹里。注意：
立即学习“PHP免费学习笔记（深入）”；
- 路径是相对于 phpMyAdmin 安装根目录，不是 Web 根目录
- 如果用了 Nginx/Apache 别名（如
/phpmyadmin/），确保css/custom.css可被 Web 服务器直接访问（HTTP 200） - 浏览器缓存容易导致样式不更新，可临时禁用缓存（DevTools → Network → ☑ Disable cache）或加查询参数测试
不同版本的 class 名差异和兼容处理
4.9.x 和 5.2.x 的弹窗结构有变化：前者常用 <div class="error">，后者倾向用 <code><div class="pmalert error"> 并带 <code>data-pma-trigger="error" 属性。为兼顾，建议写组合选择器：
.error,
.pmalert.error,
div[data-pma-trigger="error"] {
position: fixed !important;
top: 20px !important;
right: 20px !important;
max-width: 400px !important;
z-index: 9999 !important;
}
如果发现某些错误（比如空密码提交）走的是表单原生验证（HTML5 required），那弹窗属于浏览器行为，无法用 CSS 覆盖 —— 这类得关掉浏览器验证或用 JS 拦截 submit 事件，但会增加维护成本，一般不推荐。
