WebページをPCで閲覧時、文字を選択した時の色(いわゆる「反転状態」)はデフォルトで決まっておりますが、それを変更するCSSの小ネタをメモ。 特にスタイルシートが設定されていないWebページにて文字を選択すると、こんな感じになりますね。(↑はSafari) これの色を変更してみましょう。 適宜、スタイルシートに↓を記述します。 [css] ::selection { background: #e9580f; /*背景色*/ color: #fff; /*文字色*/ } ::-moz-selection { background: #e9580f; /*背景色*/ color: #fff; /*文字色*/ } [/css] こんだけ。 すると 文字を選択した時このように色が適応されます:) すんごい簡単なのでやってみたい方はどぞ。 関連:角丸にドロップシャドウ、グラデーションにアニメーショ
![[CSS]文字を選択した状態(反転状態)の際の背景色・文字色を変更する](https://cdn-ak-scissors.b.st-hatena.com/image/square/cda1e5abc92a78f9b7d7882578b207b467402c0e/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20130125-083548.jpg)