Style shadowRoot

Allow stylus to target elements in shadow-root

Versione datata 10/02/2023. Vedi la nuova versione l'ultima versione.

Installa questo script ?

Fai una domanda, pubblica una recensione, oppure segnala lo script.

Autore

Achernar

Valutazione

0 0 0

Versione

0.1

Creato il

10/02/2023

Aggiornato il

10/02/2023

Dimensione

4,42 KB

Licenza

Non disponibile

Applica a

http://NOTHING/

This userscript allows users of Stylus to style shadow-root elements that are out of reach of global stylesheets.

Any style rule whose selector includes :host or :host-context will be injected into the shadow-root nodes.

By default the userscript is not executed on any website. You'll have to edit the style settings (eg. in tampermonkey) open the userstyle, go to the style's "settings" tab and add the mask (don't forget the *) of the website(s) you want to run it on.

To test:

add https://web.archive.org/web/* to "user matches"
go to https://web.archive.org/web/2/ appended with the full url of a webpage.
open stylus. Edit a new stylesheet, matching https://web.archive.org/web/* and define this style: :host * { outline: 1px solid red !important; }