CSSでドラッグした文字の色を変える方法

こんばんは！今日はCSSに関する小技-ザ・テクニック-をサクッとご紹介！

まぁ、タイトルの通り、そしてアイキャッチ画像にすら書いてしまっていて、何をやるかは明らかなのですが…

文字をドラッグした時にハイライトされる背景色と、その時の文字色をCSSで変更することができるんですねー！！

やり方はメッチャ簡単！

::selection{
    background-color: rgba(0,0,0,0.3);
    color: blue;
}
::-moz-selection{
    background-color: rgba(0,0,0,0.3);
    color: blue;
}

こんだけです！background-colorでハイライト色、colorで文字色を設定できます！

もちろん#112233のようなHEX形式でも、上記のようなrgbaや色の名前を入れても適用されますっ！

ちなみにクラスとかを指定すると、その部分だけに適用することだって出来たりもしますっ！

サイトのデザインに合わせて、統一感をとことん出したい時とか、こまかーーーーい所にもこだわりたいって時にはいいかもしれないですねっ！！

では、本日はこんな感じでサクッと小技紹介-ザ・テクニック-シリーズでしたっ！
ありがとうございました！！

CATEGORIES