这是迄今为止我见过的最奇怪的事情之一。我决定重新查看我不久前创建的一个网站，当然有些地方不对劲。我现在主要使用 Firefox，并注意到格式看起来很奇怪。我切换到 Chrome，一切看起来都很棒。我切换到 Edge，一切都又错了。我检查了所有三个元素，只有在 chrome 中它才显示元素中每个包含的类的 CSS（登录按钮、文本输入框）。在 Edge 和 Firefox 中，似乎只包含最后一个类的 CSS。
有人知道任何想法这里发生了什么吗？类是在 HTML 中设置的，没有 JavaScript 在运行时添加类等；只是从服务器上的文件加载的 HTML。
非常感谢。
编辑：我花了一段时间搜索，我能找到的唯一答案是在哪里可以找到尝试在 JavaScript 中添加类的人或在任何浏览器中都无法使用的拼写错误的人。
此外，所有应该需要的代码都应该通过一个不错的快速检查元素可见。
【问题讨论】：
标签： html css google-chrome firefox microsoft-edge
您的 CSS 文件无法加载，因为您的页面依赖于并非所有浏览器都支持的 HTML imports。
您的源代码有以下几行应该被替换。
<!-- Additional Headers -->
<link rel="import" href="/core/custom-elements/text-input/text-input.html">
<link rel="import" href="/core/custom-elements/button/button.html">
上面的行可以替换成下面的代码，其实就是上面两个文件的内容。
<script src="index.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
这应该可以解决您的问题。这是来自 MDN 的摘录，其中指出 Firefox 尚不支持 HTML 导入。
Firefox 不会以当前形式提供 HTML 导入。有关更多信息，请参阅此状态更新。在就标准或替代机制达成共识之前，您可以使用诸如 Google 的 webcomponents.js 之类的 polyfill。
【讨论】：