appearance 를 이용하여 form 관련 요소들 초기화 시키기 (input, textarea, select)

appearance 속성을 이용한 form 요소 초기화 form 관련 요소들 중에서 이미 브라우저 자체에서 제공되는 디자인 속성들이 적용이 되어 있습니다. pc 또는 모바일 기기별로 모양이 다르게 나타나는 경우가 있는데 이 속성들을 제거하여 초기화해주면 css 적용시 문제없이 효과를 줄 수 있습니다. appearance 예제코드 input, textarea, select { -webkit-appearance: none; border: 1px solid #ccc; } 참고로 select 에 appearance none 옵션을 주게 되면 화살표까지 없애버립니다. 필요에 따라 적절하게 사용하면 되겠습니다. appearance: none appearance: auto .none { appearance: none..

원문링크 : appearance 를 이용하여 form 관련 요소들 초기화 시키기 (input, textarea, select)