Boilerplateでも使われている、テキスト選択時にtext-shadowを消すためのコードがFirefoxで動いていないので調べてみました。テキストに影をつけることのできるプロパティtext-shadowですが、普通に見る分にはよくても選択時にも同じ影がついていると読みづらいことが多いので、そのときだけ影を消したほうがユーザーに優しいと思います。Boilerplateを参考にそれをやろうとしたのですがFirefoxで上手くいきませんでした。テキストを選択してみてください。text-shadow:none;を書いたものです。colors」を参照してください。}test1では背景色と前景色が変化しません。Firefoxでは影も消えません。これでは選択されているかどうかが分かりにくすぎるので論外です。Operaは通常のものと同じように表示されます。一応、Firefoxではウィンドウが非アクティブの場合に選択されているのが分かります。test2は?Webkitブラウザでは期待通りの結果が出ます。背景色と前景色はシステムのもので、影は消えています。Firefoxでは前景色と背景色は変わるものの、影が消えません。Operaも同様です。原因は何かというと、単に::-moz-selectionの仕様でした。MDNには次のように書かれています。background-colorのみが使用できるということです。background-imageも他のプロパティと同様に変更できない、と。-webkit-text-strokeが変更できるようです。::selectionですが、現在ではCSSの仕様からはなくなっています。Requestを送るIssueを作成するTwitterでメンションする記事を共有TwitterFacebookPocketはてなブックマークLINEコンテンツホームブログこのサイトについて。