HTML input type="number" 기본 속성 화살표 제거 방법

rimmz·2022년 7월 30일
1

TIL | HTML CSS

목록 보기
6/6
post-thumbnail

🧐 Input 기본 속성 화살표

HTML 태그에서 type을 number 할 경우 숫자의 값을 조정할 수 있는 기본 화살표 (못생겼다!)

🎨 css 적용

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}
profile
#의욕넘치는#💻#✨#FE#💪🏻

0개의 댓글