Pregunta No se puede aplicar CSS desde Chrome Extension en las hojas de estilo del usuario


Intento ocultar los anuncios del lado derecho de los correos electrónicos en Gmail. Para eso he hecho una extensión que aplica un estilo CSS.

"content_scripts": [
    {
      "matches": ["https://mail.google.com/mail/*", "https://*/*"],
      "css": ["css/hide.css"]
    }
  ]

El contenido de hide.css es:

div.nH.HbF0O{ display: none; }

Si pruebo este CSS en el archivo %userprofile%\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css, los anuncios desaparecen Si cargo la extensión, no está funcionando.

Si presento otros estilos en el archivo CSS, por ejemplo body {display: none;} o algo simple, el CSS se aplica.

¿Cual podría ser el problema?


2


origen




Respuestas:


Tal vez una posibilidad remota, pero creo que nunca he visto código CSS como div.nH.HbF0O{ display: none; }.

  • Querías decir div.nH, div.HbF0O{ display: none; } ?
  • o quieres decir "descendiente" y perder un espacio en blanco: div.nH .HbF0O{ display: none; } ?

Editar: Revisé ese CSS div.nH.HbF0O{} puede referirse a HTML <div class="nH HbF0O" /> entonces podría estar equivocado.


0



Pero entonces, ¿por qué funciona desde User StyleSheets? - Synetech


He estado jugando con una simple extensión de Chrome que aplica un poco de estilo CSS y he descubierto que el estilo de la página web tendrá prioridad sobre el estilo de la extensión.

Prueba golpear una !important al final de su declaración, p.

div.nH.HbF0O { display: none !important; }

y mira si eso soluciona tu problema.


0