Skip to content

Instantly share code, notes, and snippets.

@jdvivar

jdvivar/webComponentStyleAddition.js

Last active January 24, 2020 13:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jdvivar/8b44f78aa7804ddbbd54fb526709eed8 to your computer and use it in GitHub Desktop.
Save jdvivar/8b44f78aa7804ddbbd54fb526709eed8 to your computer and use it in GitHub Desktop.
Download ZIP
Add style rules inside Web Components
Raw
webComponentStyleAddition.js
// target is a web component with an open ShadowDOM
const target = document.querySelector(...)
target.shadowRoot.styleSheets[0].insertRule(`
selector {
padding: 8px;
}
`)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment