[css]iOS 아이폰 input 태그에 기본 둥근 테두리 및 그림자 제거 방법

ios 아이폰에서 input 태그를 보면 디바이스에 따른 스타일 속성이 기본으로 적용되는데 그 중 하나가 바로 테두리이고 내부의 그림자이다.

만약 사용자가 둥근 테두리를 제거하거나 그림자를 삭제하길 원하는 경우 다음 스타일 속성을 적용하면 된다.

input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

appearance css속성은 적용된 그림자 또는 기타 디폴트(default) 스타일 속성을 임의로 제거 또는 설정 가능하도록 해준다. 그리고 border-radius의 경우 테두리를 제거할 수 있다.