CSS3 pseudo :: selection neden tüm parçalar için renk değiştirmiyor?

Question

CSS3 sözde öğesi selection neden vurgulamanın tüm bölümlerini değiştirmiyor? Eğer ben sayfadaki bölümü seçmiş bu ekran görüntüsünde de görebileceğiniz ve seçimin parçaları varsayılan parlak mavi renk gibi: Bu kullanıyorum CSS

, bu altındadır benim CSS dosyası üst:

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

O değişmez girdiler (metin, onay kutuları, vb) ve beyaz boşluk için vurgulamak gibi görünüyor. Bunun neden olduğunu bilen var mıdır ve sayfanın her bölümünün için değiştirilmesinin bir yolu var mı? Chrome kullanıyorum.

Answer 1

::selection sözde öğesi Chrome/Safari'de düzgün çalışmıyor. Standart vurgu rengi <input> öğeleri olacaktır. Bu çok eski ve hala olağanüstü böcek:

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

Ben contenteditable unsurları yerine <input> öğelerini kullanırken ile gelip başardık tek geçici çözüm. http://jsfiddle.net/ThinkingStiff/FcCgA/
Ve bu konuda yazdığı bir yazı:

İşte benim yarattığım bir demo https://stackoverflow.com/a/8529323/918414