フォントの色を、背景の色に合わせて自動的に変更する方法

質問

HTMLで記事を書いている時に、
背景と文字の色を同じにして、ぱっと見ただけでは
分からないようにすることってありますよね。
（たとえば、クイズの問題の答えを隠すためなど）

今、ブログにクイズの問題を載せたくて、
答えをその方法で隠そうとしているのですが、
ブログ自体のテンプレートを変更すると、
背景の色が変わってしまうので、
意味を成さなくなってしまいます。

背景の色が変更された時に、
ある特定の部分の文字の色も連動して
自動的に変更させるようなことは可能でしょうか?
よろしくお願いいたします。

回答No.1

s_hukami · ベストアンサー

オリジナルCSSを利用する場合と仮定して回答いたします。
ブログのエントリー（記事）で隠したい文字列には
<span class="kakushi">隠したい文字列</span>
などと記述します。
CSS部分のどこかに
.kakushi {
background-color:エントリーと同じ背景色;
color:上記の背景色と同じ色;
}
を記述してください。
CSSの記述については参考URLのスタイルシートの項目を参考になさってください。

参考URL：

http://www.tohoho-web.com/www.htm

回答No.2

BLUEPIXY

>ある特定の部分の文字の色も連動して
>自動的に変更させるようなことは可能でしょうか?
できません
基本的に、文字色と背景色はペアで設定するようにします