聚合物扩展输入

Question

我对聚合物很陌生，所以如果我在做一些愚蠢的事情时表示歉意，但这样做不能正常工作。

<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" /> 

我可以设计它，但出于某种原因，我无法输入它。有任何想法吗？

这里有一个小提琴：http://jsfiddle.net/t48phqdz/1/

Answer 1

我不是一个专家要么，但你认为这样做同样的方式在core-input？ https://github.com/Polymer/core-input/blob/master/core-input.html

我做你的jsfiddle更新：http://jsfiddle.net/kreide/t48phqdz/2/

这里也是一个片段：

<script src="http://www.polymer-project.org/polymer.min.js"></script> 
 
<polymer-element name="x-input" extends="input" noscript> 
 
    <style> 
 
     input[is=x-input] { 
 
      width: 100%; 
 
      padding: 10px; 
 
      display: inline-block; 
 
     } 
 
    </style> 
 
</polymer-element> 
 
<input is="x-input"></input>

PS：请问您对扩展输入的原因是什么？如果只是造型，我会建议使用paper-input-decorator。