怎样修改phpMyAdmin 5.x中SQL历史查询记录的显示样式？

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 但历史记录没变样？

常见原因有三个：

• 浏览器缓存了旧的 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*selectb/i.test(query)) { classes += ' history-select'; }
• 再在你的 theme.css 里写 .history-select .history-query { background: #f0f9ff; }

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

立即学习“PHP免费学习笔记（深入）”；