web-dev-qa-db-ja.com

CSSを使用して色を反転するにはどうすればよいですか?

HTML

<div>
    <p>inverted color</p>
</div>

CSS

div {
    background-color: #f00;
}
p { 
    color: /* how to use inverted color here in relation with div background ? */
}

CSSでp色を反転する方法はありますか?

color: transparent;があります。CSS3でもcolor: invert;はありませんか?

64

同じ色の背景を段落に追加し、CSSで反転します。

div {
    background-color: #f00;
}

p { 
    color: #f00;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
<div>
    <p>inverted color</p>
</div>
104
Bruno Lemos

これを処理する唯一の方法はJavaScriptを使用することだと思います

これを試してください 特定の要素のテキストの色を反転

これをcss3で実行すると、最新のブラウザーバージョンとのみ互換性があります。

2
Jan Peter