直接修改config.inc.php和custom.css即可:设$cfg['LeftFrameDBTree']=false、$cfg['PropertiesIconic']=true、$cfg['ShowHint']=false以简化DOM结构;在custom.css中写.navigation .dblist a{font-size:13px;line-height:1.4;},因html font-size不穿透sidebar作用域,必须精准作用于a标签。
phpMyAdmin 左侧数据库树字体太小,该改哪几个地方
直接改 config.inc.php 和 css 文件就能解决,不需要动主题源码或重装。关键不是调单个元素字号,而是控制「导航框架」整体的渲染层级和继承链——左侧树(.navigation .dblist)的字体由多个嵌套选择器共同决定,只改 body 或 html 无效。
必须修改的 config.inc.php 配置项
这些配置影响 DOM 结构复杂度,间接决定字体能否清晰呈现:
-
$cfg['LeftFrameDBTree'] = false;—— 关闭树形分组后,DOM 层级变浅,.dblist li a更容易被 CSS 精准命中 -
$cfg['PropertiesIconic'] = true;—— 图标替代文字,减少水平挤压,让字体有足够空间渲染(尤其防中文截断) -
$cfg['ShowHint'] = false;—— 移除悬停气泡,避免 JS 动态插入节点干扰字体继承
custom.css 中真正起效的字体规则
在 phpMyAdmin 根目录新建 custom.css,并在 config.inc.php 中启用:$cfg['CustomCSS'] = 'custom.css';。以下规则经实测不触发重排、兼容 Bootstrap 4 主题:
code
.navigation .dblist a {
font-size: 13px;
line-height: 1.4;
}
.navigation .dblist li {
margin: 0;
padding: 2px 0;
}
.navigation .container {
font-size: 13px;
}
注意:line-height 必须显式设为 ≥1.4,否则 Bootstrap 的 line-height: 1.2 会继承下来压扁文字;不要对 .dblist 直接设 font-size,它不生效,必须落到 a 或 span 上。
为什么改了 html { font-size } 没用
因为 phpMyAdmin 5.x 的左侧导航使用了独立的 CSS 变量和 scoped 样式,html 的 font-size 只影响主内容区(如 SQL 编辑器、结果表格),不穿透到 iframe 或 sidebar 的样式作用域。更隐蔽的问题是:某些版本中 .navigation 内部用了 em 单位,而它的父容器(如 #serverinfo)字体被设为 0.85em,导致双重缩放。所以必须绕过继承,直接锁死 a 标签的 font-size 值。
php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!











