Tutorial: Texto seleccionado en resaltado amarillo

David Morales

VIP
Pi
Influencer
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
7 Feb 2014
Mensajes
5.660
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.pngScreenshot_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
 

Ronald Huisa

Ni
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
11 Sep 2017
Mensajes
3.565
Buen aporte y sobretodo que le llegue al usuario que estaba preguntando.
 

Hasmin

VIP
Delta
Redactor
Verificación en dos pasos desactivada
Desde
7 Mar 2010
Mensajes
631
Muchas gracias. También estaba buscando la forma de aplicar el resaltado en los contenidos.
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba