Style shadowRoot

Allow stylus to target elements in shadow-root

La data de 10-02-2023. Vezi ultima versiune.

Instalează acest script ?

Pune o întrebare, postează o recenzie, sau raportează-l.

Autor

Achernar

Rating-uri

0 0 0

Versiune

0.1

Creat

10-02-2023

Actualizat

10-02-2023

Size

4,42 KB

Licență

N/A

Se aplică pe

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; }