2010-08-06 43 views
5

Cada vez que seleccionamos texto, se resalta todo el área de texto. como this.¿Puedo eliminar este resaltado en HTML?

pero ¿hay alguna forma de eliminar este resaltado? Solo quiero cambiar el color del texto y no el área que se va a resaltar como aparece en la imagen? ¿soy lo suficientemente claro?

Respuesta

7

Depende de qué navegadores necesites admitir. No estoy seguro si Internet Explorer es compatible con ella, pero aquí están los tres CSS pseudo-elementos que puede probar:

  • :: selección (funciona en mi Chrome)

  • :: - moz-selección

  • :: - webkit-selección

Por ejemplo:

p::selection { background:#cc0000; color:#fff; }

También veo http://www.quirksmode.org/css/selection.html

0

Si está hablando de cuando alguien selecciona el texto en el navegador (usando el mouse o seleccionando shift), entonces esto no es posible.

[ACTUALIZACIÓN]

tomo todo de nuevo - como @Dev F y @nico decir, hay una propiedad de selección CSS3. (Por supuesto, solo algunos navegadores soportarán esto, pero ...)

+0

pero he visto que esto suceda en algunos sitios ... – Sachindra

+0

@Sachindra - Sospecho que es sólo una coincidencia (en la que el color elegido por el navegador/OS sucedió para que coincida con el fondo) . En esencia, no hay una propiedad de CSS * estándar * que te permita controlar esto. –

+0

En realidad se puede hacer usando el selector ':: selection' (específico del navegador). – nico

Cuestiones relacionadas