Inject Stylus into shadowRoots

Info
Código
Historial
Opiniones (0)
Estadísticas

Inject Stylus into shadowRoots

inject styles of stylus-addon in shadowRoot

Instalar este script ¿?

Pregunta tus dudas, ponle nota o notifica una posible infracción de las normas.

Autor: hdyzen
Instalaciones diarias: 0
Instalaciones totales: 0
Calificaciones: 0 0 0
Versión: 1.1
Creado: 29/6/2025
Actualizado: 29/6/2025
Tamaño: 1,57 KB
Licencia: GPL-3.0-only
Funciona en: Todos los sitios

Inject Stylus into shadowRoots

This userscript injects styles from the Stylus extension directly into shadowRoot instances, allowing you to style the content of web components.

How to style content inside a shadowRoot

`:host`

To apply styles only to the content within a shadowRoot, use the :host pseudo-selector in your Stylus styles. :host refers to the element that contains the shadowRoot (the shadow host).

/* All elements */
* {
  border: 1px violet;
}
/* Only elements inside the shadowRoot */
:host * {
  border: 1px solid mediumpurple;
}

Similar forms:

:host()
:host-context() (not supported in Firefox)

Greasy Fork镜像

Inject Stylus into shadowRoots

Inject Stylus into shadowRoots

This userscript injects styles from the Stylus extension directly into shadowRoot instances, allowing you to style the content of web components.

How to style content inside a shadowRoot

`:host`

赞助商

广告