Question

是否可以使text-shadow属性继承颜色？比如说：

text-shadow: 1px 2px inherit;

我知道这不起作用，但如果有其他办法，请告诉我。

Answer 1

您可以尝试currentcolor：

currentColor关键字代表的计算值元素的color属性。它允许制作颜色属性由属性或子元素属性继承而不是默认继承它。

＆＃13;

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

＆＃13;

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

＆＃13;

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继承文本使用的颜色，确实是{{1} }，默认值：）

currentcolor

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