Tutorial: Destacar texto en amarillo con código CSS en tu sitio

  • Autor Autor David Morales
  • Fecha de inicio Fecha de inicio
David Morales

David Morales

Préstamo impago
Sigma
Influencer
Verificado
Verificación en dos pasos activada
Verificado por Binance
Un usuario creo un post preguntando y las respuestas formaron la solución perfecta

Sin embargo el tema será borrado supongo por estar en sección errónea

Asi que decidí repostear las respuestas correctas

Screenshot_20200419-004534.png
Screenshot_20200419-004603.png

La respuesta uno es para que quede amarillo cuando el usuario selecciona un texto

El código a añadir en el css adicional de tu sitio es
/* Body */ ::-moz-selection { background-color: #ff6200; color: #fff; } ::selection { background-color: #ff6200; color: #fff; }

Y el código para que el texto que tu quieras esté resaltado en amarillo es añadiendo a tu css

.textoseleccionado { background: #ffe000; }
Y para que lo actives en tu post sería mediante html, con la clase de texto seleccionado añadida manualmente a tu texto
<p>Texto normal <span class="textoseleccionado">texto seleccionado.</span> mas texto....</p>


Todo sin plugins y crédito a los usuarios del contenido oculto en SPOILER al comienzo del post
 
Buen aporte y sobretodo que le llegue al usuario que estaba preguntando.
 
Muchas gracias. También estaba buscando la forma de aplicar el resaltado en los contenidos.
 
Atrás
Arriba