ポリマー1.0ペーパー入力ディセーブルスピナーon type = "number"

Question

私の質問は、タイプ1.0のペーパー入力コンポーネントでspinnerを無効にする方法と同じです。

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

私は紙入力の右側に、これらの矢印を無効にしたいです。

Answer 1

私はあなたが好きなら、あなたにボギーを提供することができます、私はスピナーが来るのを止める方法はないと思います。しかし、私たちができることは、それをテキストにして、数字以外の何も入力しないようにすることです。

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; 
    } 
}