元素设置样式 " />

mPDF 当前版本不支持解析和渲染 标签，因此任何内联样式、类选择器或全局 CSS 均无法对其生效；推荐使用语义等效的替代标签（如 或 ）并配合 for 属性的显式标注来维持可访问性。

如何在 mpdf 中正确为 `` 元素设置样式：mpdf 当前版本不支持解析和渲染 `` 标签，因此任何内联样式、类选择器或全局 css 均无法对其生效；推荐使用语义等效的替代标签（如 `` 或 `

`）并配合 `for` 属性的显式标注来维持可访问性。

mpdf 是一个广泛使用的 php pdf 生成库，但其 html/css 渲染能力受限于内置的轻量级解析器，并非完整浏览器引擎。根据 mpdf 官方文档的 css 支持列表，<label></label> 标签未被识别为有效 html 元素——这意味着它会被忽略、跳过或仅作为纯文本输出，所有关联的样式（包括 style 属性、.field-name 类、或 label { ... } 规则）均不会被应用。

✅ 可行替代方案：
使用语义清晰且完全受支持的标签替代 <label></label>，同时通过注释或 aria-label 显式保留表单关联意图：

<!-- 推荐：用 <span> 替代，保留可读性与样式控制 -->
<span class="field-name" aria-label="Theme field label">Theme:</span>
<input type="text" id="wf-s1-1" name="theme"><!-- 或使用 <div>（块级需注意布局） --><div class="field-name" style="color: #eeff00; font-weight: bold;">Theme:</div>
<input type="text" id="wf-s1-1" name="theme">

配套 CSS（完全生效）：

<style>
.field-name {
  color: #eeff00;
  font-size: 14px;
  font-weight: 600;
}
</style>

⚠️ 注意事项：

• 不要依赖 <label for="..."></label> 的自动聚焦/交互行为（mPDF 本身不支持 JavaScript 或表单交互，该特性本就无意义）；
• 若 PDF 需满足无障碍（WCAG）要求，建议在生成 HTML 源码时添加 aria-labelledby 或结构化注释说明字段含义；
• 所有表单控件（<input>、<select></select> 等）在 mPDF 中仅渲染为静态视觉元素，无功能态，因此 <label></label> 的语义增强目标应转向「清晰的视觉标注」而非「可操作关联」；
• 如确需原生 <label></label> 支持，可前往 mPDF GitHub Issues 提交 Feature Request，并附上使用场景与兼容性分析。

? 总结：在 mPDF 中，“样式失效”往往源于标签未被解析器识别，而非 CSS 书写错误。优先查阅官方支持的 HTML 标签列表，选用已验证兼容的元素，是保障样式稳定落地的关键实践。