属性值在css上的text-shadow上无效

Question

我正在使用这个css代码

.result{
    background-color: #aaa;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 22px;
    text-shadow: 0px 0px 4px 3px #000;
}

但是文本阴影不起作用Inspector显示value属性无效，我错过了什么吗？

Answer 1

text-shadow简写只有4个属性：X偏移，Y偏移，模糊和颜色。

text-shadow: 2px 2px 4px #333;

这与box-shadow不同，后者具有：X偏移，Y偏移，扩散，模糊和颜色。

box-shadow: 2px 2px 0px 4px #333;

（看起来和上面一样）

Answer 2

text-shadow除了颜色外只能取3个值。应该是这样的：

text-shadow: 0px 0px 4px #000;

Answer 3

CSS语法text-shadow：h-shadow v-shadow blur-radius color | none | initial | inherit;

更改为text-shadow：0px 0px 4px＃000;