반응형
input 에서 type을 number로 설정하면 위아래로 올리는 키가 나온다.
이걸 spin button 이라고 하는데, UI 적으로 예쁘지 않아 숨기는 경우가 많다.
공통 css 코드에 inner-spin-button 을 숨겨주면 예쁘게 사용할 수 있다.
input::-webkit-inner-spin-button {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
반응형
'쬬의 CSS' 카테고리의 다른 글
[CSS] class로 페이드 효과 넣어주기 fade-up fade-down (0) | 2023.08.08 |
---|---|
[CSS] 글자 수 초과하면 말줄임표 제한하기 한줄 두 줄 등등 (0) | 2023.08.08 |
[CSS] before after 선택자에 동적 content 적용하기 (0) | 2023.06.28 |
[CSS] 미디어쿼리 범위 지정해서 사용하기 media Query Range Syntax (0) | 2023.06.28 |
[CSS] 스켈레톤UI 적용하기 (체감 로딩시간) (4) | 2023.01.30 |