聚合物1.0纸张输入禁用微调类型=“数字”

Question

我的问题是相同的标题，如何禁用聚合物1.0纸张输入组件上的旋转器类型是数字。

<paper-input type="number" label="Discount"></paper-input> 

我想禁用纸张输入右侧的箭头那些。

Answer 1

如果你愿意，我可以为你提供一个bodge，我不认为有一种方法可以阻止spinner出现。但是我们可以做的就是让它成为文字，并防止用户输入除数字之外的任何内容。

var numberInputSel = document.querySelectorAll("paper-input.number"); 
 
for (var i = 0; i < numberInputSel.length; ++i) { 
 
    numberInputSel[i].addEventListener("keypress", function(evt) { 
 
    if (evt.which < 48 || evt.which > 57) { 
 
     evt.preventDefault(); 
 
    } 
 
    }); 
 
    numberInputSel[i].addEventListener("touchstart", function(evt) { 
 
    this.setAttribute("type", "number") 
 
    }); 
 
}

<base href="https://polygit.org/polymer+:master/components/"> 
 
<script src="webcomponentsjs/webcomponents-lite.min.js"></script> 
 
<link rel="import" href="polymer/polymer.html"> 
 
<link rel="import" href="paper-input/paper-input.html"> 
 

 
<paper-input label="Amount" value="35" class="number"></paper-input>

编辑：

我做了轻微的修改，现在当人们抚摸它在移动设备上，将设置类型为数字（指数字键盘所示）但在桌面上它保持为文本。

Answer 2

paper-input[type=number] { 
    --paper-input-container-input-webkit-spinner { 
    display: none; 
    } 
}