css appearance 속성

김종민·2023년 7월 17일
0

html / css

목록 보기
15/28
post-thumbnail

appearance 속성

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


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

자바스크립트 문법

<--js-->
object.style.appearance="button"
profile
웹 퍼블리셔의 코딩 일기

2개의 댓글

comment-user-thumbnail
2023년 7월 17일

저도 개발자인데 같이 교류 많이 해봐요 ㅎㅎ! 서로 화이팅합시다!

1개의 답글