Safari 에서 Input 크로스 브라우징 이슈

Thomas·2024년 1월 12일
0

Safari 에서 input 태그의 type="number" 인 경우 숫자 패드가 안뜨는 케이스가 있다.
아래 코드를 추가하면 숫자 키보드가 나온다

<input pattern="\\d*"/>

Safari 에서 날짜 입력 유형의 input 태그에서 정렬이 가운데 정렬로만 되는 이슈가 있다.

input::-webkit-date-and-time-value {
  text-align: left;
}

해당 이슈는 아래 webkit 를 활용해 해결했다.

profile
안녕하세요! 주니어 웹 개발자입니다 😆

0개의 댓글