如何修改phpMyAdmin 5.x中SQL历史查询记录的显示样式？-phpMyAdmin-PHP中文网

SQL历史记录样式由css/common.css控制，但安全覆盖方式是通过自定义主题的theme.css文件添加规则，并在config.inc.php中指定ThemeDefault为custom。

SQL历史记录的样式由哪个CSS文件控制？

phpmyadmin 5.x 的 sql 历史记录（即「sql 查询」标签页下方的 history 区域）样式主要由 js/dist/history.js 动态生成 dom，但最终渲染依赖于 templates/sql/history.twig 模板和全局 css 文件 css/common.css 中的 .history-entry、.history-query、.history-time 等类。直接修改 common.css 最有效，但要注意升级覆盖风险。

如何安全地覆盖默认历史记录样式？

不建议直接改 common.css，推荐通过自定义 CSS 注入方式：

在 config.inc.php 中启用自定义主题支持：$cfg['ThemePath'] = 'themes';（确保路径存在）
新建目录 themes/custom/，复制一份 theme.css 进去（可从任一内置主题如 themes/pmahomme/theme.css 复制）

在该 theme.css 末尾添加覆盖规则，例如：

.history-entry { padding: 6px 10px; border-bottom: 1px solid #eee; }
.history-query { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 0.9em; }
.history-time { color: #666; font-size: 0.8em; }

在 config.inc.php 中指定主题：$cfg['ThemeDefault'] = 'custom';

为什么改了 CSS 但历史记录没变样？

常见原因有三个：

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

浏览器缓存了旧的 theme.css 或 common.css —— 强制刷新（Ctrl+Shift+R 或清空缓存）
你改的是 themes/pmahomme/theme.css，但当前实际启用的主题不是 pmahomme（查 $cfg['ThemeDefault'] 值）
某些样式被更具体的选择器覆盖，比如 .history-entry .history-query 比单独的 .history-query 优先级高，需加权或用 !important（仅调试时临时用）

能否只对历史查询中的 SELECT 语句高亮？

不能靠纯 CSS 实现，因为 phpMyAdmin 不给不同 SQL 类型加 class。必须改 JS 逻辑：

定位到 js/dist/history.js（或源码中 js/src/history.js）
找到渲染单条记录的函数（通常是 appendHistoryEntry 或类似名）
在拼接 HTML 字符串前，用正则判断：if (/^\s*select\b/i.test(query)) { classes += ' history-select'; }
再在你的 theme.css 里写 .history-select .history-query { background: #f0f9ff; }

注意：这类 JS 修改会在升级时丢失，且需重新构建前端资源（npm run build），实际生产环境慎用。