appearance 속성

이 속성은 운영체제 및 브라우저에 기본적으로 설정되어 있는 테마를 기반으로 요소를 표현한다. 즉, 네이티브로 지원되는 모양들을 해제하거나 추가할때 이 속성을 이용할 수 있다.

<--css-->
div {
	appearance: none;
    -webkit-appearance: none;
}

• iOS의 폼 요소들에 부여되어 있는 둥근 테두리값이나 그림자 효과를 제거할때 사용할 수 있다.
• webit 계열의 브라우저의 type="search" 필드의 둥근 테두리 값이나 reset 효과를 나타내는 버튼을 삭제하는 데 사용할 수 있다.
• select 필드의 기본 화살표 모양을 삭제하거나 대체할 수 있다.

자바스크립트 문법

<--js-->
object.style.appearance="button"