Firefoxでテキスト選択時のユーザスタイル(Safari風)

Firefoxにおいて、Safariでテキストを選択したときのスタイルのようにするためのユーザスタイルがありました。

事のいきさつ

たまにFirefoxでwebページを見たときに、文字選択して反転になったときのスタイルを変えているサイトに遭遇します。

このようなサイトは、スタイルシートで、::selection擬似要素が使われているようなのですけど。よくわからないのが、background-color: #fffなページで特定の背景色で指定されてあるよような例です。ワタくシとしては、::selection擬似要素を用いるのは、ページ背景が濃い目のデザインなので文字選択したときがブラウザのデフォルトカラーだとみにくいのを調整するものだとばかり思ってたのです。

そんなことから、「このサイトは、選択時はこの色にしてもらったほうがいいです」、というような特段な理由でもないのならば、特に指定することも無いのではないかなと思いました。

かといってそのサイトの文字選択の色が気にくわないという理由だけで、スタイルを無効にして閲覧するのもなんですので、ユーザスタイルで何とかしようということにしました。

VFox Selection (Safari Style)のインストール

自分で書く気がなかったので、userstyles.orgで探しましたら、「VFox Selection (Safari Style)」というものがありました。

名称のとおりに、Safariブラウザで文字選択したときのようなスタイルにするというものです。

Firefoxへのインストールには、FirefoxのアドオンのStylishもしくは、Greasemonkeyが必要となります。

ワタくシは、Stylishのほうでインストールしました。

選択するとこのような状態になります。

Stylishでのインストールですと、Install optionsのstylishのほうのボタンを押せばインストールが始まります。

なお、デフォルトのままですとすべてにおいて適用になります。ウェブページのみに適用したい場合は、編集画面から、@namespace url(http://www.w3.org/1999/xhtml);を先頭に追記します。