Color de «::selection»

  • Resuelto ale

    (@realex)


    hace 7 años, 1 mes

    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 7 años, 1 mes por ale.
Viendo 12 respuestas - de la 1 a la 12 (de un total de 12)
  • Moderador LGrusin

    (@lgrusin)

    hace 7 años, 1 mes

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

    Un saludo

    Iniciador del debate ale

    (@realex)

    hace 7 años, 1 mes

    «… 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.»

    Iniciador del debate ale

    (@realex)

    hace 7 años, 1 mes

    Eso ya lo sé…

    Iniciador del debate ale

    (@realex)

    hace 7 años, 1 mes

    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)

    hace 7 años, 1 mes

    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

    Iniciador del debate ale

    (@realex)

    hace 7 años, 1 mes

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

    Moderador LGrusin

    (@lgrusin)

    hace 7 años, 1 mes

    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

    Iniciador del debate ale

    (@realex)

    hace 7 años, 1 mes

    Lo probé y no 🙁

    Moderador LGrusin

    (@lgrusin)

    hace 7 años, 1 mes

    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 7 años, 1 mes por LGrusin.
    Iniciador del debate ale

    (@realex)

    hace 7 años, 1 mes

    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)

    hace 7 años, 1 mes

    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

    Iniciador del debate ale

    (@realex)

    hace 7 años, 1 mes

    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 - de la 1 a la 12 (de un total de 12)
  • El debate ‘Color de «::selection»’ está cerrado a nuevas respuestas.