input, button, textarea 브라우져 스타일 제거하는 방법

input, button, textarea 등 브라우져 기본 스타일 제거 하는 방법을 알아보자.

이걸 제거하지 않으면 브라우져별로 내가 적용한 css 대로 보이는게 아니라 이상하게 보인다.

브라우져 스타일

브라우져별로 기본 스타일이 적용 되어있다.

이 기본 스타일을 제거 해보자.

 input, button, textarea 
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

이렇게 위의 소스를 참고하여 스타일 시트에 추가해주면 된다.

HTML forms in legacy browsers

Advanced form styling

Mingg`s Diary

밍구

공부 목적 블로그