label 文字阴影失效主因是载体问题而非语法错误：父容器 overflow: hidden 裁剪阴影、文字颜色透明、字体抗锯齿削弱对比度、伪元素未显式设置阴影等；正确语法须严格按 h-offset v-offset blur-radius color 顺序书写。
label 标签本身不特殊，文字阴影就是标准 text-shadow，但容易因继承、透明色或父容器裁剪而“失效”——不是它不支持，而是你没看到。
text-shadow 语法必须严格按顺序写
给 label 加阴影，和给 h1 或 span 一样，用 text-shadow: h-offset v-offset blur-radius color。顺序错一个就整条被忽略，浏览器还不报错。
-
text-shadow: 1px 1px 2px #000;✅（完整四参数） -
text-shadow: 0 0 4px rgba(255,255,255,0.7);✅（深色背景发光） -
text-shadow: #000 1px 1px;❌（颜色提前，无效） -
text-shadow: 1px 1px 0;❌（缺颜色，且 0 后无空格接颜色，等价于未定义）
label 常见“没阴影”原因：不是语法问题，是载体丢了
label 文字看不见阴影，90% 是因为它的内容没真正渲染出来：
- 父容器设了
overflow: hidden，而阴影（尤其blur-radius > 2px或负偏移）超出边界被裁掉 -
label的文字颜色是color: transparent或rgba(0,0,0,0)——text-shadow依赖文字内容作为载体，没颜色就没阴影 - 用了
-webkit-font-smoothing: antialiased，在 macOS Safari 下会显著削弱阴影对比度 -
label里嵌了input或其他替换元素，但样式只写了input的阴影，忘了label本身的文本
小字号 label 要特别控制 blur-radius
表单里的 label 多为 12–14px，盲目套用标题的参数会糊成一团：
-
font-size: 12px时，blur-radius超过1px就可能发虚，建议用0或1px - 想模拟轻微描边感，可用双层反向：
text-shadow: -1px -1px 0 #fff, 1px 1px 0 #000; - 深色背景配浅色 label：
text-shadow: 0 0 2px rgba(255,255,255,0.6); - 浅色背景配深色 label：
text-shadow: 0 0 1px rgba(0,0,0,0.3);
伪元素或自定义字体下要单独加 text-shadow
如果 label 用 ::before 插入图标或状态标记，或者用了 Web Font + font-display: swap，要注意：
-
::before里的content是独立文本节点，text-shadow不继承，必须显式写在伪元素上 - 字体加载完成前，
label可能回退到系统字体，导致阴影位置/粗细突变；可加font-optical-sizing: none缓解 - 某些 UI 框架（如 Bootstrap）会给
label设display: inline-block，此时若内部有input浮动，可能造成行高塌陷，间接影响阴影垂直对齐
真正麻烦的是同一组 text-shadow 在 Windows 高分屏和 macOS Retina 屏上视觉重量差一倍，尤其是 label 这类高频小文本——别只看开发机效果，得实机多测。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
