소프트웨어에 대한 모든 것

HTML input 태그 number에서 화살표 제거 본문

WEB

HTML input 태그 number에서 화살표 제거

앤테바 2021. 1. 12. 02:12
반응형

input 태그의 type이 number인 경우 화살표가 나옵니다.

 

화살표를 제거하기 위해서 input에 대한 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;
}

 

출처 :

www.w3schools.com/howto/howto_css_hide_arrow_number.asp

 

반응형
Comments