最可靠方式是通过config.inc.php注入自定义CSS文件。phpMyAdmin无字体大小后台开关,硬改common.css易被升级覆盖;应新建custom-pma.css,针对性设置.body、.sqlquery textarea、.table_results等选择器字号,并在config.inc.php中配置$cfg['CustomCSS']路径。
直接改 phpMyAdmin 的 CSS 文件最可靠
phpmyadmin 没提供界面字体大小的后台开关,所有前端样式都走 css,改 css/common.css 是唯一稳定生效的方式。别指望在设置里点几下就能调——它压根没这个选项。
常见错误是去改浏览器缩放或系统 DPI,结果导出 SQL 时字体错位、JSON 查看器文字挤成一团,问题反而更散。真要调,就得动源码级样式。
- 路径通常是
/usr/share/phpmyadmin/css/common.css(Debian/Ubuntu)或/var/www/html/phpmyadmin/css/common.css(手动部署) - 改之前先备份原文件:
cp common.css common.css.bak - 搜索
font-size,重点盯住.navigation、.tab、.sqlquery、.table_results这几类选择器 - 不建议全局替换
font-size: 12px→14px,容易让按钮、图标文字失衡;优先加针对性规则
用自定义 CSS 覆盖比硬改源文件更安全
硬改 common.css 升级 phpMyAdmin 时会被覆盖,下次更新就白调了。官方支持通过 config.inc.php 注入额外 CSS 文件,这才是可持续方案。
使用场景:你用的是 Docker 部署、宝塔面板、或经常升级 phpMyAdmin 版本,必须走这条路径。
- 新建文件
/path/to/custom-pma.css,写入类似内容:body { font-size: 14px !important; } .sqlquery textarea { font-size: 13px !important; } .table_results th, .table_results td { font-size: 13px !important; } - 在
config.inc.php末尾加:$cfg['CustomCSS'] = '/path/to/custom-pma.css'; - 注意路径必须是 Web 可访问路径(不是服务器绝对路径),比如设为
/css/custom-pma.css,然后把文件放到 phpMyAdmin 根目录的css/子目录下 - Chrome 开发者工具里检查元素,确认新 CSS 文件已加载且规则未被
!important冲突压制
不同区域字体大小要分开调,不能一刀切
phpMyAdmin 界面分导航栏、SQL 输入框、结果表格、右侧结构树、底部状态栏五块,每块默认字号不同,混着调会出问题。比如把 .navigation 调大,左侧数据库列表可能换行错位;把 .sqlquery 调小,写长查询时根本看不清括号匹配。
立即学习“PHP免费学习笔记(深入)”;
性能影响几乎没有,但兼容性要注意:老版本(如 4.9.x)部分 class 名和新版(5.2+)不一致,.table_results 在旧版可能是 .data,得先用开发者工具看真实 class。
- 导航与顶部菜单:
.navigation, .navbar→ 推荐13px到14px - SQL 编辑区:
.sqlquery textarea, .CodeMirror→ 必须保持等宽字体,12px–13px最清晰 - 查询结果表格:
.table_results th, .table_results td→13px是平衡点,再大横向滚动条出现频率飙升 - 右侧数据库/表结构树:
#serverinfo, #databases→ 容易忽略,但小字太多时这里最伤眼,可单独加font-size: 13px
改完记得清浏览器缓存和 phpMyAdmin 临时文件
改完 CSS 刷新页面没变化?八成是缓存惹的祸。phpMyAdmin 自己会生成缓存 CSS 文件(比如 phpmyadmin/css/phpmyadmin.min.css),浏览器也记着旧文件的 ETag。
最容易被忽略的点:Docker 容器里改了宿主机的 CSS 文件,但容器内挂载路径不对,实际读的还是旧文件;或者 Nginx 启用了 sendfile on,导致 CSS 修改后不实时生效。
- 强制刷新浏览器:
Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(macOS) - 删 phpMyAdmin 缓存目录:
rm -rf /var/lib/phpmyadmin/cache/*(路径依安装方式而异) - 如果用 Nginx,临时加一句
add_header Cache-Control "no-cache";到 location 块里验证是否生效 - Docker 用户检查
docker exec -it pma cat /usr/share/phpmyadmin/css/common.css | head -n 5,确认容器内文件确实改了
.table_results 和 .sqlquery 这两处,其余保持默认——多数人真正卡住的地方就在这两个区域。



















