html - Shadow DOM 和自定义样式

标签 html css dom shadow-dom

所以我读过这个article据我了解,每个 native 浏览器小部件实际上都是基本元素、样式和脚本的组合。这就引出了一个问题——如果它们由基本构建 block 组成,是否意味着有一种方法可以通过 JavaScript 自定义它们?我的意思并不是像某些 JavaScript 库/插件那样以替代方式进行——例如,只需访问它们的“Shadow DOM”属性并向它们添加一些 CSS 样式。另外,this page有一些用例,但没有什么实用的。

有没有人尝试过这样的事情?有可能吗?缺点?

谢谢。

最佳答案

我主要担心的是影子 DOM 的实现在浏览器之间会有所不同,然后您基本上又需要某种库来处理它。我不确定是否是这种情况,但值得考虑。此外,鉴于有如此多的小部件库可用,而且这是处理大多数此类问题的标准方法,是否值得着手处理一组全新的未知问题,而不是仅仅处理已知元素?

关于html - Shadow DOM 和自定义样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4706833/

相关文章:

css - HTML5/CSS - 将内容添加到 SECTION 时,位置会移动。为什么?

javascript - 有什么方法可以对客户端用户隐藏 CSS 和 JavaScript 文件?

html 列表链接不起作用

JavaScript querySelectorAll() 仍然会发现已被删除的 DOM 元素

html - 如何让 md-sidenav 将内容推送到右边而不是重叠?

html - 输入字段不允许我输入内容

javascript - 附加 Jquery 后绑定(bind)单击事件不起作用

html - 如何重复背景图像的一部分

javascript - 访问父 iframe 元素的容器(iframe inside iframe)

javascript - 帮助在刷新打开器后访问预先存在的窗口!