phpMyAdmin 按钮 CSS 由 themes/pmahomme/css/common.css 和 components.css 分层控制，新版通过 CSS 变量统一主题色；建议在 custom/ 下建独立主题覆盖 .btn 等类，并注意 hover、disabled、暗色模式及圆角阴影的显式声明。
phpMyAdmin 的按钮 CSS 从哪加载？
phpmyadmin 的按钮样式不是写死在 html 里的，而是由 themes/pmahomme/css/common.css 和 themes/pmahomme/css/components.css 分层控制。新版（5.2+）还通过 css 变量（--pmahomme-primary 等）统一管理主题色，直接改 class 容易被后续更新覆盖。
实操建议：
- 不要修改
themes/pmahomme/下原始 CSS 文件——升级会丢 - 用
config.inc.php启用自定义 CSS：$cfg['ThemePath'] = './themes';<br>$cfg['ThemeDefault'] = 'pmahomme';<br>$cfg['NavigationTreeEnableGrouping'] = true;
然后在./themes/custom/下建新主题目录，复制pmahomme内容再改 - 真正生效的按钮类名集中在
.btn、.btn-secondary、.ajax（提交按钮）、.disableAjax（非 AJAX 按钮）
覆盖 .btn 样式时为什么 hover 不生效？
因为 phpMyAdmin 的 JS 在点击后会动态加 .disabled 或 .ajax 类，而原生 CSS 里 .btn:hover 的权重常被 .btn.ajax:hover 或 .btn:disabled:hover 截断。更麻烦的是，某些按钮（如“执行”）是 <input type="submit">，它不响应 :hover 除非显式设 cursor: pointer。
实操建议：
- 用更高优先级选择器，比如
.btn, .btn-secondary, input[type="submit"]统一设基础样式 - 悬停必须写全：
.btn:hover,<br>.btn-secondary:hover,<br>input[type="submit"]:hover {<br> background-color: #4a90e2 !important;<br> transform: translateY(-1px);<br>} - 禁用状态也要同步覆盖：
.btn:disabled, .btn.disabled { opacity: 0.6; cursor: not-allowed; }
如何让自定义按钮样式兼容 Dark Mode？
phpMyAdmin 5.2+ 支持系统级暗色模式，但它的 @media (prefers-color-scheme: dark) 规则只作用于 body.darkmode 下的元素。如果你没手动触发暗色模式，或用户系统设了暗色但 phpMyAdmin 没读取到，CSS 就不会生效。
实操建议：
- 别只依赖
prefers-color-scheme，在custom/css/common.css里加：@media (prefers-color-scheme: dark),<br>body.darkmode {<br> .btn { background-color: #2d3748; }<br> .btn:hover { background-color: #4a5568; }<br>} - 检查 phpMyAdmin 设置页是否启用了「深色主题」开关（
$cfg['DarkMode'] = true;），否则body.darkmode类根本不会出现 - 按钮文字色要随背景反差足够：暗背景下避免用
#666，改用#e2e8f0
改完 CSS 为什么按钮圆角/阴影消失了？
因为 phpMyAdmin 默认用 border-radius: 0.25rem 和 box-shadow: 0 1px 2px rgba(0,0,0,0.05)，但很多自定义 CSS 示例只改颜色，漏掉这些基础修饰。更隐蔽的问题是：新版 Bootstrap 5 风格的重置 CSS 会把 input[type="submit"] 的 border 和 padding 归零，导致按钮“塌陷”。
实操建议：
- 圆角和阴影必须显式声明，不能依赖继承：
.btn {<br> border-radius: 4px;<br> box-shadow: 0 1px 3px rgba(0,0,0,0.1);<br> padding: 6px 12px;<br>} - 对
input[type="submit"]单独加固：input[type="submit"] {<br> appearance: none;<br> border: 1px solid #cbd5e0;<br> background-color: #fff;<br>} - 浏览器缓存极顽固，改完清 Chrome 的
DevTools → Network → Disable cache，并硬刷（Ctrl+F5）
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
