Html input 에서 오른쪽 화살표 없애기 ( 증가,감소 버튼)

 

 <input name="workTime" id="workTime" type="text" class="input">

위와 같은 구조에서는 오른쪽에 화살표 증가, 감소 버튼이 나오게 됩니다.
제거하려면?


가장 간단한 방법은 아래의 css 를 적용하는 겁니다. 

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



뜨지 않습니다. 


- 참고출처 
http://web-atelier.tistory.com/16