Polymer 1.0 Papier-Eingabe deaktivieren Spinner auf type = "Nummer"

Question

Meine Frage ist gleich wie der Titel, wie Spinner auf Polymer 1.0 Papiereingabe-Komponente, wo der Typ Nummer ist zu deaktivieren.

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

Ich will diese Pfeile auf der rechten Seite der Papiereingabe deaktivieren.

Answer 1

Ich kann Ihnen einen Wagen anbieten, wenn Sie möchten, ich glaube nicht, dass es einen Weg gibt, den Spinner aufzuhalten. Aber wir können Text machen und verhindern, dass der Benutzer etwas anderes als Zahlen eingibt.

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>

EDIT:

ich eine leichte bearbeitet haben, jetzt, wenn die Leute es auf mobilen berühren wird es die Art als Nummer (dh die numerische Tastatur zeigt) eingestellt aber auf dem Desktop bleibt es als Text.

Answer 2

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