[CSS3]文字選択した時の背景色を変える方法

May 27, 2010

文字を選択したときの、背景色って、
普通はブルーですよね?

デフォルトだとこんなかんじです。

文字選択した時の背景色を変えるCSS

この背景色を、変更するCSSをご紹介します。

/*反転時の文字色・背景色 */
::selection {
background: #F8E6AF;  /* 背景色*/
color:#666666;  /* 文字色*/
}
/* Firefox対応*/
::-moz-selection {
background: #F8E6AF;  /* 背景色*/
color:#666666;   /* 文字色*/
}

 
CSS3をサポートしたブラウザ以外は無視されます。
IEとかIEとか、あとIEとかでは見れないので、気をつけてください。(あと、IEもネ!)

早速、このブログにも導入してみました。

文字選択した時の背景色を変えるCSS

うん、イイかんじ!
上の赤字の部分をコピーして、CSSに追加すれだけで反映されるので、
ブログ等にも簡単に導入できます。ぜひ、試してみてください!

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

2012年の人気記事