[CSS] 스타일 'unset'

button, input 등 스타일을 적용하기 위해서 각 브라우저마다 기본으로 적용되어 있는 style을 초기화 시키고 새로운 style을 적용한다.

button의 경우 아래와 같이 작업해 줘야 한다.

button {
    border: none;
    background-color: #16a085;
    border-radius: 10px;
    padding: 5px 10px;
}

button:focus,
button:active {
    outline: noen;
}

이러한 기본 스타일을 한번에 초기화 시켜버리는 방법이 있다.

button {
    all: unset;
}

대박이다...

만약 모든 태그에 대해서 unset을 적용하고 싶다면 아래와 같이 작성하자.

body > * {
    all: unset;
}

이 이후에 추가적으로 자신이 원하는 스타일을 적용시키면 될 것이다.

. . .