Personalizando el color de selección de texto con CSS

Publicado por Nikko el dia 3 Feb 2008 - Guardado en CSS Leido 408 Veces

cssseleccion.jpg

Si estas pensando siempre como personalizar aun mas tu Web, seria bueno comentar esta nueva declaración que podremos usar hoy en día con CSS3, la misma es “::selection que básicamente nos permite anular el color de selección de texto que usa un navegador (al seleccionar texto de nuestra web), por otro completamente a nuestra elección. Por el momento este truco es soportado por Safari y Firefox (era de imaginar), veremos que sucede luego con IE.Ver Demos - Mas info css-tricks

Uso

Nuestro CSS (podremos crear todas las clases que deseemos, con diferentes tonos)

CSS:
p.yellow::selection {
    background: #fff2a8; /* Safari */
}
p.yellow::-moz-selection {
    background: #fff2a8; /* Firefox */
}

Ahora simplemente agregamos al clase a nuestro contenido

HTML:
<p class="yellow"> Contenido……………………   </p>

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. [...] Via [...]



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: