きになるnet - きになるものを綴ったブログ

iPhone・MacからWordPressなどのWebに関することまで、きになるものを綴ったブログ

text-selection-top

Tips

【CSS】テキストを選択したときの初期色を変える方法

投稿日:2012.08.17 更新日:

text-selection-top

自分のサイトで、「テキストを選択したときの色を変えたいなぁ」と思われたことはありませんか?
CSSを使って、選択したときの初期色を変える方法です。

※お使いのブラウザによっては、変わらない場合があります。

スポンサーリンク

方法

方法は至って簡単!

::-moz-selection {
    background-color: #ff6200;
    color: #fff;
}

::selection {
    background-color: #ff6200;
    color: #fff;
}

WordPressなら、style.cssに書き込むだけ!

 text-select3

background-color(背景色)と、color(文字色)をお好みの色にするだけです。 

例えば、こんな感じにもできます。

::-moz-selection {
    background-color: #998d7d;
    color: #efece6;
}

::selection {
    background-color: #998d7d;
    color: #efece6;
}

text-selection2

 あとはお好みで!

via :How to Change the Default Text Selection Color in WordPress - wpbeginner

mixhost
当ブログは、MixHostで運営中です!
おすすめ記事

-Tips
-

Copyright© きになるnet - きになるものを綴ったブログ , 2018 All Rights Reserved.