はじめに Shadow DOMとは何か Shadow DOMにおける用語の定義 簡単な使い方 使用例 attachShadow()について 注意点 スロット(slot)で中身を差し込む カプセル化の例外(継承プロパティ) おわりに 参考 はじめに Chrome拡張機能で独自UIを表示すると、ホストページのCSSによってボタンのデザインが崩れたり、逆に拡張機能側のCSSがページ内の要素に当たってしまうことがあります。 Shadow DOMでこうしたスタイルやDOMが互いに干渉してしまう問題を解決できそうだったので、今回調べてみました。 Shadow DOMとは何か Shadow DOMは、通常の…
ultimatecourses.com
github.com
www.yoheim.net