不能用常规CSS覆盖variables.php表单，因其HTML由PHP硬编码生成，含大量内联样式且无语义class；仅当启用自定义主题（禁用捆绑主题+配置Twig）或修改PHP源码才可样式化。
phpmyadmin 5.x 的变量配置页面（phpinfo.php 风格的 variables.php）不支持直接通过 css 文件覆盖表单样式——它由 php 动态生成 html 表格，且内联样式和 class 名被硬编码在模板中，修改需侵入源码或启用自定义主题机制。
为什么不能用常规 CSS 覆盖 variables.php 的表单？
该页面位于 ./libraries/classes/Display/Variables.php（5.1+）或旧版 ./libraries/Display/Variables.php，其 HTML 输出由 PHP 数组循环拼接生成，<tr>、<td> 标签无语义 class，且多数样式通过 style="..." 内联声明（如 style="width: 20em;"）。浏览器开发者工具里看到的 class="value" 或 class="name" 实际来自 templates/variables/index.twig，但该模板在 5.x 中默认未启用——它只在启用了 $cfg['EnableBundledTheme'] = false 且配置了自定义主题路径时才生效。
真正可行的两种修改路径
必须二选一，没有“加个 CSS 就好”这种捷径：
- 修改 Twig 模板 + 启用主题系统（推荐，可维护性强）：
– 确保$cfg['EnableBundledTheme'] = false；
– 复制./themes/pmahomme/templates/variables/index.twig到你的自定义主题目录（如./themes/mytheme/templates/variables/index.twig）；
– 在该文件中修改<table>结构，添加 class（如<td class="var-name">）或包裹<div>；
– 对应在./themes/mytheme/css/theme.css中写 CSS，例如：.var-name { font-weight: 600; min-width: 180px; } - 直接修改 PHP 渲染逻辑（风险高，升级即丢失）：
– 编辑./libraries/classes/Display/Variables.php中的getHtml()方法；
– 找到类似sprintf('<td>%s</td>', htmlspecialchars($value))的行；
– 改为sprintf('<td class="pma-var-value">%s</td>', htmlspecialchars($value))；
– 注意：所有输出都经htmlspecialchars()处理，不可注入 HTML；
– 每次 phpMyAdmin 升级后，该文件会被覆盖，必须重新打补丁。
$cfg['ShowFunctionFields'] 和 $cfg['ShowSQL'] 不影响变量页样式
这两个配置项控制的是 SQL 执行页的字段显示与查询框可见性，和 variables.php 页面完全无关。有人误以为开启它们能“解锁更多样式选项”，实际只是混淆了不同路由的渲染逻辑。变量页的结构由 Variables 类独占控制，不受全局 UI 配置影响。
最常被忽略的一点：phpMyAdmin 5.2+ 默认禁用 Twig 模板渲染以提升性能，即使你放了 index.twig，若没在 config.inc.php 中显式设置 $cfg['TemplateNamespace'] = 'PMA\Templates'; 并确保 autoloader 加载了 Twig，模板根本不会被调用——这时候改再多样式也白搭。
立即学习“PHP免费学习笔记（深入）”；
