mPDF 当前版本不支持 标签的解析与 CSS 样式渲染，即使使用内联样式、类选择器或标签选择器均无效；本文详解原因，并提供经过验证的实用替代方案。
mpdf 当前版本不支持 `
mPDF 是一个广泛用于 PHP 生成 PDF 的开源库，其 HTML/CSS 渲染能力虽强大，但并非完全兼容浏览器标准。根据 mPDF 官方 CSS 支持文档，<label></label> 标签未被识别为有效 HTML 元素——这意味着它会被忽略、跳过解析，或仅作为纯文本输出，而不会生成对应的 DOM 节点，因此所有为其编写的 CSS（如 color、font-weight、display 等）均无法生效。
你尝试的三种方式——
✅ 内联样式：<label style="color:#eeff00;">Theme:</label>
✅ 标签选择器：label { color: #FF2200; }
✅ 类选择器：.field-name { color: #FF2200; }
——全部失效，正是源于这一根本限制，而非书写错误或优先级问题。
✅ 推荐替代方案（立即可用）
方案 1：用 <span></span> 或 <div> 替代 <code><label></label>（推荐）
语义上虽略有差异，但在 PDF 场景中，表单交互功能（如点击聚焦关联控件）本就不生效，因此 <label></label> 的语义价值可由结构清晰的标记+CSS弥补：
<!-- 原写法（无效） --> <label style="color:#eeff00;" for="wf-s1-1" class="field-name">Theme:</label> <!-- 替代写法（完全生效） --> <span class="field-name" style="color:#eeff00; font-weight:bold;">Theme:</span>
配合 CSS：
<style>
.field-name {
color: #FF2200;
font-size: 14px;
margin-bottom: 4px;
display: inline-block;
}
</style>
方案 2：使用 <b></b>、<strong></strong> 或自定义字体类强化视觉层级
若仅需强调字段名称，可直接利用 mPDF 支持良好的行内元素：
<strong class="form-label">Theme:</strong> <!-- 或 --> <b style="color:#2c3e50; font-size:15px;">Theme:</b>
方案 3：为整个表单行统一控制样式（结构化更优）
将字段名与输入框封装在 <div> 中，通过父容器统一管理间距与颜色：<pre class="brush:php;toolbar:false;"><div class="form-field">
<div class="form-label">Theme:</div>
<input type="text" name="theme" class="form-input">
</div></pre>
<pre class="brush:php;toolbar:false;"><style>
.form-field { margin: 8px 0; }
.form-label {
color: #2980b9;
font-weight: 600;
display: block;
margin-bottom: 4px;
}
.form-input {
border: 1px solid #ddd;
padding: 6px 8px;
width: 100%;
}
</style></pre>
<h3>⚠️ 注意事项</h3>
<ul>
<li>不要依赖 <code>for 属性或 id 关联——PDF 中无 JavaScript/焦点机制，该语义无实际作用；
<label><span>...</span></label>），mPDF 可能进一步降级处理；style 或 <style></style> 块，避免外部 CSS 文件（mPDF 对 @import 和外部链接支持有限）；<label></label> 的原始语义（例如后续需转为可访问性增强的 HTML 输出），可在生成 PDF 前用 PHP 预处理替换标签： $html = str_replace('<label str_replace>', '', $html);</label>
✅ 总结
mPDF 不支持 <label></label> 标签是已知限制，非配置或版本问题。最可靠的做法是主动规避该标签，改用语义足够、渲染稳定且样式完全可控的替代元素（如 <span></span>、<div>、<code><strong></strong>）。同时，可前往 mPDF GitHub Issues 提交功能请求，推动未来版本支持——目前已有类似需求被提出（如 #1298），社区关注度正持续上升。
