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

만약 사용자가 둥근 테두리를 제거하거나 그림자를 삭제하길 원하는 경우 어떻게 해야할까? 아래와 같이 다음 스타일 속성을 적용하면 된다.

<style>
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
</style>

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