テキスト選択部分の色を変えてみる。あれですよ、必要な部分だけコピーするときに使う、アレ。という事でやっていきましょー。
今回使うのは::selection。下のコードを<head></head>に追加する。今回は直接読み込むが、外部CSSとして読み込むのもオッケー。
<style type="text/css">
::selection { background-color: red; color: white; }
::-moz-selection { background-color: red; color: white; }
</style>
今回は選択時の背景を赤(red)、文字を白(white)にする。組み合わせは何でもいいよね。
もちろん、div classによる部分指定もできます(参照)。
ってことで早速使ってみた。斬新でいいですね〜？
ここでは全体指定だけ紹介したけど、是非使ってみてねー。
はい、はじめてのブログはこれで終わりです。見てくれてありがとうございました。