Javascript 聚合物扩展输入

我对聚合物相当陌生，所以如果我做了一些愚蠢的事情，我会道歉，但这不会正常工作

<polymer-element name="x-input" extends="input" noscript>
  <template>
    <style>
        :host {
            width: 100%;
            padding: 10px;
            display: inline-block;
        }
    </style>
  </template>
</polymer-element>

<!-- Using x-input -->
<input is="x-input" />

：主持人{
宽度：100%；
填充：10px；
显示：内联块；
}

我可以设计它的样式，但由于某种原因我不能输入它。有什么想法吗

---

这是一个小提琴：

我也不是专家，但你是否考虑过和《代码>核心输入< /代码>相同的方式？ 我在您的JSFIDLE中进行了更新：

这里还有一个片段：

输入[is=x输入]{
宽度：100%；
填充：10px；
显示：内联块；
}

我刚回来发布答案，因为我刚刚发现了问题，希望我现在早点回来查看。我在

标签中设计样式，现在回想起来，这似乎很明显。你是对的，这就是方法。谢谢你的回答。