css - CSS3 疑似 ::selection がすべてのパーツの色を変更しないのはなぜですか?

Question

CSS3 疑似要素selectionがハイライトのすべての部分を変更しないのはなぜですか? このスクリーンショットでわかるように、ページの一部を選択しました。選択した部分はデフォルトの明るい青色です。

これは私が使用している CSS で、CSS ファイルの先頭にあります。

::selection { background: #3B3B3B; color: #fff; }
::-moz-selection { background: #3B3B3B; color: #fff; }

入力（テキスト、チェックボックスなど）のハイライトと空白が変わらないようです。ハイライトの色が一貫しているように、ページのすべての部分でそれを変更する方法はありますか? 私はクロムを使用しています。

Answer 1

::selectionChrome/Safari では疑似要素が正しく動作しません。<input>要素は標準のハイライト色になります。これは非常に古く、まだ未解決のバグです:

https://bugs.webkit.org/show_bug.cgi?id=38943

私が思いついた唯一の回避策は、contenteditable要素の代わりに<input>要素を使用することです。

ここに私が作成したデモがあります: http://jsfiddle.net/ThinkingStiff/FcCgA/
そして私がそれについて書いた投稿: https://stackoverflow.com/a/8529323/918414