聚合物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; 
    } 
}