Javascript 如何将导入的样式表应用于自定义元素的模板标记内容？

这是我试图使用的代码

var DropzoneElementPrototype=Object.create（HTMLElement.prototype）；
DropzoneElementPrototype.createdCallback=函数（）{
var t=document.querySelector（“#uploadImageTemplate”）；
var clone=document.importNode（t.content，true）；
this.createShadowRoot（）.appendChild（克隆）；
};
var DropzoneElement=document.registerElement（'dropzone'{
原型：DropzoneElementPrototype
});

在

元素中使用

@import css

样式规则：

<template id="dropzoneTemplate">
    <style>
       @import url( 'dropzone.css' )
    </style>
    <div id="dZUpload" class="dropzone">
          <div class="dz-default dz-message"></div>
    </div>
</template>

@导入url（'dropzone.css'）

注:

• 根据，

  @import

  规则必须优先于除

  @charset

  以外的任何其他规则

• 如果样式表定义了一个

  @字体

  ，那么它也必须包含在主文档中

---

您的问题不清楚，请尝试解释more@OmarFaruque已经添加了更多详细信息，如果仍然不清楚，请告诉我。元素中现在支持和@import来应用作用域样式。Hanks，将尝试它。对于延迟回复，我深表歉意，它不起作用。谢谢你的努力。@gurvinder372它应该可以工作，这里有一个示例，其中有一个活片段：谢谢，它可以工作。请包括在您的答案中，a）您需要使用链接标签在模板外部导入它，b）导入语句应该在其他css规则之前。