Question

什么是＃shadow-root（用户代理）？如何从文本框中删除它？

详细信息
这是我的代码：

<input type="text" name="pincode" class="form-control frm_pincode" value="" />

但是当我检查它时，我看到了

<input type="text" name="pincode" class="form-control frm_pincode" value="">
  #shadow-root (user-agent)
  <div id="inner-editor"></div>
</input>

Answer 1

本质上，它封装了代码，使其更易于管理。如果不使您生成的代码功能无法使用，那么您不一定要删除它。

以下是您正在使用的库隐藏的代码，因此您不必担心编码某些对象。 Chrome允许您查看代码中#shadow Doms的位置。

  #shadow-root (user-agent)
  <div id="inner-editor"></div>

请从以下链接查看此说明：

“简而言之，Shadow DOM是HTML规范中允许的新部分开发人员封装他们的HTML标记，CSS样式和 JavaScript的。 Shadow DOM，以及其他一些技术我们稍后会介绍，让开发人员能够建立自己的第一个类标记和API就像或标记一样。这些新标签和API统称为Web 组件“。

这样可以使用shadow DOM来创建自定义标签：
https://www.polymer-project.org/

最后，Chrome开发工具选项下还有一个选项“显示用户代理阴影DOM”