웹1.0/CSS, CSS2
[CSS] input type의 number 속성의 버튼 모양 지우기 (초기화 하기)
커드만
2020. 2. 18. 22:41
number 속성은 잘 쓰지 않지만 사용시 선언을 하면 아래와 같은 화면이 보여집니다.
<input type="number">
대표적으로
위 아래의 버튼을 없애고 싶다........면
css 에 아래와 같이 선언해주면 됩니다.
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
-moz-appearance: textfield;
}
# 참고
https://wallel.com/select-box-input-box-style-%EC%B4%88%EA%B8%B0%ED%99%94-css/