如何在phpMyAdmin中自定义查询结果显示的CSS样式和字体？-phpMyAdmin-PHP中文网

phpMyAdmin 5.0+ 不支持通过 $cfg['QueryFrameCSS'] 等配置注入自定义查询结果样式，该功能仅存在于4.x系列；官方移除了相关配置项，改用Twig模板+内联样式+Bootstrap 5类，唯一可靠服务端方案是Web服务器层HTML注入，前端调试可借助Stylus等浏览器扩展。

phpMyAdmin 5.0+ 版本不支持直接自定义查询结果的 CSS 样式

从 phpmyadmin 5.0 开始，官方移除了 config.inc.php 中的 $cfg['queryframecss'] 和 $cfg['queryframejs'] 配置项，也不再加载用户指定的外部 css/js。这意味着你无法通过配置文件注入自定义样式来影响查询结果表格（如 .table_results、.sqlquery 等）的外观。

常见错误现象包括：在 config.inc.php 中添加 $cfg['QueryFrameCSS'] = './custom.css'; 后完全无效果；或浏览器开发者工具中查不到该 CSS 文件被加载。

该功能仅存在于 4.x 系列（如 4.9.7），且需启用 $cfg['EnableRte'] = true;
5.0+ 使用 Twig 模板 + 内联样式 + Bootstrap 5 类，所有样式由 PHP 渲染时写死或通过 CSS 变量控制
修改核心 CSS 文件（如 js/dist/theme.css）会被升级覆盖，且违反安全更新原则

临时绕过方案：用浏览器扩展注入自定义 CSS

适用于本地开发或可信内网环境，不影响 phpMyAdmin 升级和部署。本质是前端劫持，不触碰服务端代码。

使用场景：调试时想放大字体、高亮 NULL 值、加宽长文本列、切换深色背景等。

推荐扩展：Stylus（Chrome/Firefox），比 Tampermonkey 更轻量，专为 CSS 注入设计
匹配 URL 规则填：https://*/phpmyadmin/* 或更精确的 https://*/phpmyadmin/sql.php*

关键选择器示例（适配 5.2+）：

body .table_results td, body .table_results th {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
  font-size: 13px !important;
}
body .table_results td.null,
body .table_results td.null a {
  background-color: #fff3cd !important;
  color: #856404 !important;
}

注意：phpMyAdmin 的结果表格 class 名可能随版本微调（如 .table_results 在部分 5.2 补丁版中改为 .table_sql），需用浏览器 DevTools 实时验证

服务端强制生效的唯一可靠方式：改写响应 HTML（Nginx/Apache）

如果你有服务器权限且需要全用户统一生效（比如公司内部标准化），可在 Web 服务器层做 HTML 注入。这比改 phpMyAdmin 源码安全，也规避了升级冲突。

PhpMyAdmin

phpMyAdmin 5.2.3 全语言 ZIP 安装包，适合在支持 PHP 7.2+ 的 Web 环境中部署并连接 MySQL/MariaDB 数据库。

下载

使用场景：企业内网统一启用等宽字体、禁用自动换行、固定列宽。

Nginx 示例（需启用 ngx_http_sub_module）：

location /phpmyadmin/ {
    sub_filter '' '<link rel="stylesheet" href="/css/pma-custom.css">';
    sub_filter_once on;
}

Apache 示例（需启用 mod_substitute）：

<location>
    AddOutputFilterByType SUBSTITUTE text/html
    Substitute "s||<link rel='\"stylesheet\"' href="%5C%22/css/pma-custom.css%5C%22">|i"
</location>

生成的 /css/pma-custom.css 必须放在 Web 可访问路径下，且需设置正确 MIME 类型（text/css）
风险点：sub_filter 对 gzip 响应无效，需确保 phpMyAdmin 返回未压缩 HTML（关闭 $cfg['CompressOnFly'] 或 Nginx 关闭 gzip）