[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に追加すれだけで反映されるので、
ブログ等にも簡単に導入できます。ぜひ、試してみてください!

白坂翔
白坂翔

1984年生まれ。ボードゲームカフェJELLY JELLY CAFEオーナー、将棋カフェCOBINオーナー、マーダーミステリー専門店Rabbitholeプロデューサー、株式会社人狼の代表取締役。ポーカーとゴルフが好きです。MORE

あわせてどうぞ

溝口の温泉「喜楽里」に行ってきた