Qual è il colore di sfondo predefinito del browser quando si seleziona il testo?

Question

Quando si seleziona il testo in una pagina Web, lo sfondo assume un colore blu predefinito. Che codice esatto di colore ha questo colore blu?

Answer 1

1. Safari 6.0.3 Mac ^*: #B4D5FE
2. Chrome 26.0.1410.65 Mac ^*: #ACCEF7
3. Firefox 19,0 Mac ^*: #B4D5FF
4. Chrome 26.0.1410.64 m Windows 8 ⁺: #3297FD
5. Firefox 20.0.1 Windows 8 ⁺: #3399FF
6. Safari 5.1.7 Windows 8 ⁺: #3298FD
7. Internet Explorer 10.0.4 Windows 8 ⁺: #3399FF

^* _{Trovato utilizzando ColorSna pper per Mac} ⁺ _{trovato usando ColorSchemer per Windows}

---

Questa sarà una lista senza fine, tuttavia, dal momento che ogni ...

1. Browser
2. sistema operativo
3. Versione browser (forse)

... avrà un colore diverso. Inoltre, a partire dai CSS3, puoi cambiare il colore usando:

::selection{ 
    background-color:#000; 
} 

Answer 2

Il colore di sfondo della selezione? Questo in realtà non ha nulla a che fare con il browser, è un'impostazione del SO (ed è generalmente personalizzabile). Se vuoi davvero conoscere il blu specifico sulla tua macchina, copri lo schermo e aprilo in qualsiasi programma di grafica che ti permetta di ispezionare i colori.

Answer 3

Il ::selection CSS pseudo-element applica le regole alla porzione di un documento che è stata evidenziata (ad esempio, selezionata con il mouse o un altro dispositivo di puntamento) dall'utente.

L'impostazione predefinita dipende dal browser che si sta utilizzando. Di solito è da qualche parte intorno a #3297fd.

È possibile modificare in questo modo:

/* draw any selected text yellow on red background */ 
::-moz-selection { color: gold; background: red; } 
::selection  { color: gold; background: red; } 

/* draw selected text in a paragraph white on black */ 
p::-moz-selection { color: white; background: black; } 
p::selection  { color: white; background: black; }