Windows 10でハイコントラスト設定を利用していると、Firefoxだけ文字を選択した時の背景色が変わらず、どこまで選択できているのかわからない状態になることがあります。ChromeやEdgeでは正常に表示されるため、Firefox側の設定や描画方式が原因になっている可能性があります。この記事では、Firefoxで選択範囲が見えない場合に確認したい設定や改善方法を詳しく解説します。
Firefoxで文字選択の色が変わらない原因
Firefoxで文字をドラッグして選択した際に背景色が変化しない場合、Windowsのハイコントラスト設定とFirefoxの色設定の組み合わせが影響していることがあります。
Webページ側では選択範囲の色をCSSで指定できるため、ブラウザによって表示方法が異なる場合があります。特にFirefoxでは、OSの配色設定を優先する設定やWebページ側の色指定によって、選択状態が見えにくくなることがあります。
ChromeやEdgeでは問題なく表示される場合でも、Firefox独自の描画処理によって同じWindows設定でも挙動が異なることがあります。
Firefoxの色設定を確認する方法
まずFirefoxの設定から、Webページの色表示に関する設定を確認します。
Firefoxを開き、右上のメニューから「設定」を開きます。その後、「一般」内の「言語と外観」にある「色」を確認します。
「Webサイトが指定した色を使用する」に関する設定が有効になっている場合、ハイコントラスト環境では選択範囲の表示がわかりにくくなることがあります。設定を変更して動作を確認してください。
Firefoxのハイコントラスト表示設定を変更する
FirefoxにはWindowsのハイコントラスト設定をどのように反映するかを制御する設定があります。
アドレスバーに「about:config」と入力して設定画面を開き、警告画面が表示された場合は内容を確認して進みます。
「browser.display.document_color_use」という項目を検索し、値を変更して表示状態を確認します。環境によって適した値が異なるため、変更前の設定をメモしておくと安心です。
userContent.cssで選択範囲の色を指定する方法
Firefoxの設定変更だけで改善しない場合は、userContent.cssを利用して選択範囲の色を強制的に指定する方法があります。
例えば、Firefoxのプロファイルフォルダー内に「chrome」フォルダーを作成し、その中にuserContent.cssを配置します。
以下のように選択範囲の色を指定することで、ハイコントラスト環境でも文字選択状態を確認しやすくできます。
::selection { background-color: #3390ff !important; color: #ffffff !important; }
設定後はFirefoxを再起動して確認します。アドオンを多数利用している環境でも、ブラウザ本体の設定として適用できるため、環境を作り直す必要がありません。
Firefoxの拡張機能が影響している場合の確認方法
Firefoxに多数のアドオンを入れている場合、拡張機能がページの表示やCSSを変更している可能性もあります。
特に広告ブロック系、ダークモード変更系、ページデザイン変更系のアドオンは、文字色や背景色に影響することがあります。
原因を確認する場合は、一時的にFirefoxのトラブルシューティングモードを利用して、アドオンを無効化した状態で文字選択が正常になるか確認します。
Firefoxを初期化せずに改善するためのポイント
アドオンを多く利用している場合、Firefoxを再インストールしたり新しいブラウザへ移行したりすると設定復旧に時間がかかります。
そのため、まずは色設定、about:configの設定、userContent.cssなど影響範囲の小さい対策から試すことがおすすめです。
また、設定変更前にFirefoxのプロファイルをバックアップしておけば、万が一問題が発生した場合でも元の環境へ戻せます。
まとめ｜Firefoxの文字選択表示は色設定の調整で改善できる
Windows 10のハイコントラスト環境でFirefoxだけ文字選択の色が変わらない場合、Firefoxの色設定やWindowsとの連携設定が原因になっている可能性があります。
まずはFirefoxの色設定やabout:configを確認し、それでも改善しない場合はuserContent.cssで選択範囲の色を指定する方法が有効です。
アドオンを多数利用している環境でも、Firefox本体の設定を調整することで現在の環境を維持したまま問題を解決できる可能性があります。
コメント