Polymer 1.0 paper-input disable spinner on type = "number"

Question

제 질문은 유형이 숫자 인 polymer 1.0 종이 입력 구성 요소의 spinner를 비활성화하는 방법과 제목과 동일합니다.

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

I 용지 입력의 우측에 그 화살표를 비활성화 할

.

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