CSS Text-Shadow颜色

Question

是否可以使text-shadow属性继承颜色？ 喜欢也许：

text-shadow: 1px 2px inherit;

我知道这不行，但如果还有其他办法，请告诉我。

Answer 1

你可以试试currentcolor ：

currentColor关键字表示元素的color属性的计算值。 它允许使属性或子元素属性继承的颜色属性默认不继承它。

 p { text-shadow: 1px 2px currentcolor; } 

 <p style="color: red">Red</p> <p style="color: green">Green</p> <p style="color: blue">Blue</p> 

Answer 2

好吧，如果我是你，我会用css做到这一点。 我为文本颜色定义了一些clases，并根据它改变阴影的颜色。 像这样：

.text-red p{
  text-shadow: 1px 1px red;
}
.text-green p {
  text-shadow: 1px 1px green;
}
.text-blue p {
  text-shadow: 1px 1px blue;
}

然后在我的HTML中

<div class="text-blue">
<p>
     My shadowed text
</p>
</div>

这是一个小提琴： https ： //jsfiddle.net/pzvuw07g/1/
我不知道其他方式。 我希望它会有所帮助！

Answer 3

你实际上只需要设置阴影属性，文本阴影颜色，像box-shadow ， outline或border继承文本使用的颜色，这确实是currentcolor ，默认值:)

 p { text-shadow: 1px 2px ; outline: solid; outline-offset: 5px; border:solid; box-shadow:0 0 5px; } 

 <p style="color: red">Red</p> <p style="color: green">Green</p> <p style="color: blue">Blue</p>