[javascript] input="number" 사이즈 줄이기, 화살표 없애기

 

 input="number"를 사용하면 숫자만 입력 가능하다.

 

네모난 창에 화살표가 보이는 게 싫다면 css 적용

<style type="text/css">

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

</style>

 

네모난 창 사이즈를 줄이려면 css 적용

<style type="text/css">

input[type="number"]{
	width: 3em;
}
</style>