::セレクションの残りの青色は？

Question

::selection { } CSS要素セレクタは、デフォルトの青色のテキスト選択を、独自のテキストと背景色の選択に置き換えるものとします。

しかし、私はしばしば青い色のウェブサイトを見るので、これは必ずしもそうではないようです。私たちのowhの色の選択に完全に置き換えられるわけではありません。

====== ====== EDIT

私はそれが私たち自身の目ではなく、スクリーンショットを透視する方が簡単だと思います。

例えば、このページを参照してください：このページでbleachindonesia.com/2012/05/27/bleach-day

、あなたはすべての（Ctrlキー+ A）を選択しようとする場合は、テキストが灰色で選択/ブロックされます見るであろう。はい、ページCSSは::selection, ::-moz-selection { background:#59574b;color:#fdfcf5; }を採用しています。

ただし、以下のスクリーンショットでわかるように、一部のデフォルトでは青色の選択が残っています。

http://i.stack.imgur.com/A0aUJ.png

色差に注意すると同時に、非選択部分。サイトには、デフォルトの青色の::選択で選択される部分がいくつかありますが、同時に選択されない他の部分もあります。

---

はまた、また、このページがあります：24ways.org/2005/swooshy-curly-quotes-without-images

ここでも、全てます（Ctrl + A）ページを選択してみてください。あなたはすべての選択が完全に栗色であることが分かりました。デフォルトの青色の選択はありません。選択されていない部分だけがありますが、デフォルトの青色の選択はありません。

http://i.stack.imgur.com/4o6ll.png

ページのCSS：下のスクリーンショットで写真のよう？ ::selection { background-color: rgba(179, 45, 71, .75); color: #fff; }。最初のページとの唯一の違いは、16進コードではなくRGBAを使用することです。私はそれがそこに何か違いがあるとは思わない - それは本質的に同じコードです。

ここで私は不思議に思う。

なぜ最初のページにあるのは、デフォルトの青色の選択が維持されますが、2番目のページには表示されません。そして、それを2ページ目と同じくらい完璧にする方法は？

Answer 1

私はそれが非常によく似ていると推測していますが、これはバグの動作であるかどうかを確かめるのは非常に困難です。 ::selectionは、適切な定義が不足しているため（適切な実装とテストが不十分なため）、ブラウザベンダーでも何が問題なのか把握していないと思います。それは間違って::selectionと::-moz-selectionそれが認識しないため、それは、Firefoxで動作することは決してありませんように組み合わせ以外

::selection, ::-moz-selection { background:#59574b;color:#fdfcf5; } 

は、非常に多くの良性のようだ：

言及する価値が最初のサイトから、その、このルールであります::selectionおよびdrops the whole rule。 24ways.orgでは、セレクタを組み合わせて使用​​するのではなく、最初に::-moz-selectionセレクタがないため、Firefoxでも選択色が適切に表示されません。

なぜChromeとSafariが最初のサイトの特定の領域に青色の領域を残すのかについては、わかりません。しかし、私はJared Farrish makes a good point思う：

これは、（少なくとも）Chromeで問題を複製：jsfiddle.net/RfPgt要素自体が選択可能な要素を持っている別の要素内にネストされたときのようです。

Answer 2

私はこの問題を同じ問題の解決策を見出すためにある程度前に読んでいましたが、見つけられませんでした。今、質問が古くても、私が見つけた解決策を共有したいと思います。

*::selection { background:red; } 

Answer 3

は、私がこれを引き起こしているものが見つかりました：

ちょうどユニバーサルセレクタを使用しています。それは<br>ですので、あなたのテキストに<br>がある場合は、それを削除してみてください