Inicia sesión


Como cambiar el color del texto seleccionado con CSS

Como cambiar el color del texto seleccionado con CSSCuándo seleccionamos texto en una página web, el fragmento seleccionado queda resaltado con un color de fondo y un color de fuente determinado. Los colores utilizados dependen del navegador y sistema operativo, no hay un estándar al respecto, pero podemos utilizar el selector CSS ::selectionpara establecer otros diferentes.
Antes de seguir, has de saber que el selector CSS ::selection fue propuesto para CSS3 pero finalmente fue descartado y actualmente no está incluido en ningún estándar, aunque está incluido en el borrador CSS Pseudo-Elements Module Level 4.
El selector ::selection admite las siguientes propiedades CSS:

Por ejemplo, el siguiente CSS se aplicaría al texto seleccionado contenido en elementos <p>:
p::selection {
    background: green;
    color: black;
    text-shadow: 1px 1px #fff;
}

/* Firefox */
p::-moz-selection {
    background: green;
    color: black;
    text-shadow: 1px 1px #fff;
}
Ver demostración de este tutoriales en linea...


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-08-04
  • Categorias: Diseño Web CSS3 WebSite webmasters Noticias Tutorial




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






Como mujer, ¿el orgasmo afecta mi salud?

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-07
  • Categorias: Estilo Trucos y tips Noticias Tutorial

¿El semen es rico en proteínas?

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-07
  • Categorias: Trucos y tips Noticias Tutorial

¿La eyaculación afecta los niveles de testosterona?

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-07
  • Categorias: Trucos y tips Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial