phpmyadmin 默认不区分主从库视觉状态，因其仅依据用户权限和read_only变量做基础判断，未内置只读库标识机制，也无默认警示样式。
为什么 phpMyAdmin 默认不区分主从库的视觉状态
phpMyAdmin 本身没有内置的“只读库标识”机制，它只根据当前连接的 MySQL 用户权限和服务器变量（如 read_only）做基础判断，但不会主动渲染警示样式。即使你给从库配置了 read_only=ON，界面仍显示为普通数据库列表，容易误操作。
修改 config.inc.php 中的 $cfg['Servers'][$i]['verbose'] 配合 CSS 注入
最轻量且无需改源码的方式：利用 phpMyAdmin 允许在服务器别名中嵌入 HTML 片段的特性，再配合自定义 CSS 强制高亮。前提是你的 phpMyAdmin 启用了 $cfg['ServerDefault'] = 0 或明确指定了服务器索引。
在 config.inc.php 中找到对应从库配置段，修改或添加：
$cfg['Servers'][1]['verbose'] = 'SLAVE <span class="replica-warning">[READ-ONLY]</span>';
然后在 phpMyAdmin 根目录下创建或编辑 templates/partials/header.twig（若存在），或更稳妥地——在 Nginx/Apache 的响应头中注入内联 CSS（推荐），例如：
style#pma_navigation .replica-warning { background: #ff6b6b; color: white; padding: 1px 6px; border-radius: 3px; font-size: 0.85em; }
注意：#pma_navigation 是左侧数据库列表容器的选择器，确保样式作用范围精准，避免污染其他 UI。
用 JavaScript 动态检测 read_only 并标记 DOM 节点
更可靠的做法是让前端自动识别只读状态，而非依赖人工配置别名。phpMyAdmin 在加载页面时会请求 server_status.php，其中包含 read_only 值。可在 config.inc.php 中启用自定义 JS：
- 设置
$cfg['AllowArbitraryServer'] = true（仅限可信内网） - 在
js/custom.js（需在config.inc.php中通过$cfg['NavigationTreeEnableGrouping'] = false;等方式确保加载）中写：
$(document).ready(function() {
if (typeof pma_server_info !== 'undefined' && pma_server_info.read_only === 'ON') {
$('#pma_navigation').addClass('pma-read-only');
$('body').addClass('pma-read-only-body');
}
});
再配 CSS：
body.pma-read-only-body { background-color: #fff8f8 !important; }
#pma_navigation.pma-read-only { border-left: 4px solid #d32f2f; }
这样即使 DBA 忘记改 verbose，只要 read_only 开启，背景色和导航栏边框就会自动变红。
避免踩坑：CSS 优先级、缓存与权限隔离
常见问题不是代码写错，而是生效条件没满足：
- phpMyAdmin 的 CSS 文件带版本哈希（如
css/common.css?v=5.2.1），直接覆盖原始文件无效，必须用<style></style>内联或通过 Web 服务器注入 - 如果使用多服务器模式（
$cfg['AllowArbitraryServer'] = true），每个连接独立检测，JS 必须在每次切换服务器后重执行 -
read_only对超级用户（如root）可能不生效，需确认实际连接用户是否受限制；可用SELECT @@read_only;手动验证 - 某些托管环境禁用自定义 JS/CSS，此时只能退回到修改
verbose+ 强制刷新浏览器缓存（Ctrl+F5）
真正起作用的从来不是颜色本身，而是那个「每次打开都得先看一眼左栏有没有红色边框」的肌肉记忆。别指望一次配置永久生效，定期检查 read_only 值和 CSS 是否被新版覆盖，才是关键。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
