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*select\b/i.test(query)) { classes += ' history-select'; } - 再在你的
theme.css里写.history-select .history-query { background: #f0f9ff; }
注意：这类 JS 修改会在升级时丢失，且需重新构建前端资源（npm run build），实际生产环境慎用。
立即学习“PHP免费学习笔记（深入）”；
