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

    Iniciador del debate ale

    (@realex)

    «… 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)

    Eso ya lo sé…

    Iniciador del debate ale

    (@realex)

    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

    Iniciador del debate ale

    (@realex)

    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

    Iniciador del debate ale

    (@realex)

    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 3 años, 12 meses por LGrusin.
    Iniciador del debate ale

    (@realex)

    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

    Iniciador del debate ale

    (@realex)

    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.