아이폰에서 input 태그를 보면 디바이스에 따른 스타일 속성이 기본으로 적용되는데 그 중 하나가 바로 테두리이고 내부의 그림자이다.
만약 사용자가 둥근 테두리를 제거하거나 그림자를 삭제하길 원하는 경우 어떻게 해야할까? 아래와 같이 다음 스타일 속성을 적용하면 된다.
appearance css속성은 적용된 그림자 또는 기타 디폴트(default) 스타일 속성을 임의로 제거 또는 설정 가능하도록 해준다. 그리고 border-radius의 경우 테두리를 제거할 수 있다.
만약 사용자가 둥근 테두리를 제거하거나 그림자를 삭제하길 원하는 경우 어떻게 해야할까? 아래와 같이 다음 스타일 속성을 적용하면 된다.
<style>
input {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
</style>
input {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
</style>
appearance css속성은 적용된 그림자 또는 기타 디폴트(default) 스타일 속성을 임의로 제거 또는 설정 가능하도록 해준다. 그리고 border-radius의 경우 테두리를 제거할 수 있다.
Author ByEnSSo