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でそれをやるでしょう。私はテキストの色のいくつかのクラスを定義し、それに応じて影の色を変更します。このように：https://jsfiddle.net/pzvuw07g/1/
私は他の方法を知らない：私のHTMLここ

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

で

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

そしてフィドルです。私はそれが助けることを願っています

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>