iOS에서 기본 적용된 input shadow 제거하기

iOS에서 기본 적용된 input shadow 제거하기

참고: https://developer.mozilla.org/en-US/docs/Web/CSS/appearance

내용

작업 중 위와 같이 원인 모를 shadow가 생겨 골치 아팠는데 구글링을 해보니 iOS에 기본적으로 적용된 스타일이라고 한다.

appearance 라는 값을 없애주면 된다.

구현

input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}