phpMyAdmin 多服务器颜色区分需通过设置 $cfg['Servers'][$i]['verbose'] 为唯一标识（如 'dev'），生成 body.server-dev 等 class，再在 custom.css 中用 body.server-dev 选择器配合 !important 定制样式。
phpMyAdmin 多服务器配置中如何区分颜色？
phpmyadmin 本身不提供“按服务器自动着色”的 ui 功能，但可以通过 $cfg['servers'][$i]['verbose'] 配合 css 自定义实现视觉区分。关键不是改后台逻辑，而是利用其生成的 html class 和服务器别名做样式绑定。
为什么改 config.inc.php 的 verbose 字段是必须的？
phpMyAdmin 在顶部导航栏、数据库列表页、SQL 窗口标题等位置，会把 $cfg['Servers'][$i]['verbose'] 的值作为 HTML 元素的 class 名（经过小写 + 连字符转换）。比如设为 'prod-db'，就会生成 class="server-prod-db" —— 这是后续加 CSS 的唯一可靠钩子。
- 必须为每个服务器设置唯一、无空格、无特殊字符的
verbose值（如'dev'、'staging'、'prod'） - 不能只依赖
host或port，因为它们不会被注入到页面 class 中 - 修改后需清空浏览器缓存，否则旧 CSS 可能仍生效
怎么写 CSS 让不同服务器显示不同底色？
把自定义 CSS 加到 phpMyAdmin 根目录下的 custom.css（若不存在则新建），路径为 phpmyadmin/custom.css。它会被自动加载（前提是 $cfg['CustomCSS'] = 'custom.css'; 已在 config.inc.php 中启用）。
示例（针对 verbose = 'dev' 的服务器）：
body.server-dev .navbar,
body.server-dev #serverinfo,
body.server-dev #topmenu {
background-color: #ff6b6b !important;
}
body.server-dev #main_pane { border-top: 3px solid #ff6b6b; }
- 选择器前缀必须用
body.server-xxx，不能只写.server-xxx—— 否则无法精确作用于当前服务器上下文 - 优先使用
!important覆盖 phpMyAdmin 默认样式，尤其对.navbar和#serverinfo - 建议只染关键区域：顶部导航条、服务器信息栏、主内容区上边框，避免过度干扰操作
常见失效原因和绕过方法
最常遇到的是改了 verbose 却没看到颜色变化，大概率是以下三个问题之一：
-
custom.css文件权限不对（web 服务器用户不可读），检查ls -l phpmyadmin/custom.css - 没在
config.inc.php中启用：$cfg['CustomCSS'] = 'custom.css';必须存在且未被注释 - 用了错误的选择器，比如写成
.server-dev而非body.server-dev—— 浏览器开发者工具里搜body class就能立刻验证是否命中
复杂点在于 phpMyAdmin 的多服务器切换是前端跳转而非单页应用，每次换服务器都会重载整个页面，所以 CSS 必须全局有效，且 class 名必须严格匹配 verbose 的规范化结果（小写、去空格、下划线转连字符）。漏掉任一环节，颜色就挂了。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
