Soporte » Diseño – Temas y plantillas » Color de «::selection»

  • Resuelto ale

    (@realex)


    Hola,

    Tengo un Parent Theme que en su style.css se estableció esto:

    ::-moz-selection {
        background: #fa3737;
        color: #ffffff;
    }
    ::selection {
        background: #fa3737;
        color: #ffffff;
    }

    Lo que necesito saber es cómo «callar» esas líneas desde un Child Theme (no puedo tocar el style.css del Parent Theme) para que los colores sean los que los navegadores tiene por defecto. Es decir, la idea no es sobrescribir esos colores con otros, etc… No, el resultado que busco es hacer como si esas líneas de CSS no existieran.

    He buscado lo anterior en varios foros y la verdad es que no encontré una respuesta, entonces por eso pido ayuda aquí. Saludos.

    • Este debate fue modificado hace 2 años, 2 meses por  ale.
Viendo 12 respuestas - 1 de 12 (de 12 total)
  • Moderador LGrusin

    (@lgrusin)

    En el archivo style.css del tema hijo pones tus propios estilos, y cogerá estos en vez de los del tema padre.

    Un saludo

    «… la idea no es sobrescribir esos colores con otros, etc… No, el resultado que busco es hacer como si esas líneas de CSS no existieran.»

    Eso ya lo sé…

    Para que se entienda mejor, cambiaré mi pregunta original por esta: ¿Se pueden «bloquear» esas líneas de código desde el style.css del Child Theme para que el color del selector no sea «#fa3737»?. Lo que busco es que el color del selector sea el que cada navegador tiene por defecto…

    Moderador LGrusin

    (@lgrusin)

    Lo que he querido decir es que si eso no figura en el style.css del tema hijo no tiene por qué tomarte lo que está en style.css del tema padre.

    Un saludo

    El punto es que lo toma y necesito eliminarlo. En fin…

    Moderador LGrusin

    (@lgrusin)

    Pon esto en el style.css del tema hijo, aunque no tengo claro de que funcione:

    ::-moz-selection {
        background: initial;
        color: initial;
    }
    ::selection {
        background: initial;
        color: initial;
    }

    Saludos

    Lo probé y no 🙁

    Moderador LGrusin

    (@lgrusin)

    Pues lo único que te queda es averiguar los valores por defecto y ponerselos manualmente.

    Para el background puedes poner transparent y el color ya te es más fácil poner el que quieras.

    ::-moz-selection {
      background: transparent;
      color: #ffffff;
    }
    ::selection {
      background: transparent;
      color: #ffffff;
    }

    ¿Podemos saber cuál es el tema padre?

    Un saludo

    • Esta respuesta fue modificada hace 2 años, 2 meses por  LGrusin.

    El tema padre es Wiral Lite.

    Lo que necesito es que el color del selector sea el que cada navegador tiene por defecto, no busco sobrescribir el color que define el tema padre con otro (ejemplo: azul -> amarillo). Saludos.

    Moderador LGrusin

    (@lgrusin)

    Empecemos por el principio…

    No sé en que te afecta eso puesto que no está en ningún estandar CSS, hay navegadores que ni lo aceptan. De hecho lo he probado con Mozilla 53.0.3 y ni se entera de que existe. Por mucho cambio que haga ni se inmuta.

    Los colores de los elementos del tema están en otros apartados del archivo style.css

    ¿Seguro que es eso lo que te impide cambiar esos colores? ¿Qué elementos quieres cambiar?

    El tema lo usa porque su última actualización fue en octubre de 2016, casi un año, ha llovido mucho después de eso.

    Un saludo

    Creo que debe ser lo último, que no se ha actualizado. Para lograr lo que buscaba opté por eliminar las líneas del Parent Theme y si hay una actualización del tema, veré si el problema se mantiene. Saludos 🙂

Viendo 12 respuestas - 1 de 12 (de 12 total)
  • El debate ‘Color de «::selection»’ está cerrado a nuevas respuestas.