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や色の名前を入れても適用されますっ!

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

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

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

Category :

コメントを残す

Related Posts

CSSで要素を中央寄せにする方法

Sassはレスポンシブで本領発揮する

よく見るハンバーガーメニューを作ってみよう

CSSの擬似クラスがメッチャ便利やねん!