[CSS3]文字選択した時の背景色を変える方法
May 27, 2010
文字を選択したときの、背景色って、
普通はブルーですよね?
デフォルトだとこんなかんじです。
この背景色を、変更するCSSをご紹介します。
/*反転時の文字色・背景色 */ ::selection { background: #F8E6AF; /* 背景色*/ color:#666666; /* 文字色*/ } /* Firefox対応*/ ::-moz-selection { background: #F8E6AF; /* 背景色*/ color:#666666; /* 文字色*/ }
CSS3をサポートしたブラウザ以外は無視されます。
IEとかIEとか、あとIEとかでは見れないので、気をつけてください。(あと、IEもネ!)
早速、このブログにも導入してみました。
うん、イイかんじ!
上の赤字の部分をコピーして、CSSに追加すれだけで反映されるので、
ブログ等にも簡単に導入できます。ぜひ、試してみてください!