라디오버튼 스타일 변경하기

input[type='radio'] {
appearance: none; // 맨 위에 있어야 아래의 속성이 먹힘!
background-color: #2f2f2f;
width: 10px;
height: 10px;
border-radius: 50%;
opacity: 30%;
margin: 10px;
border: none;

  &:checked {
    opacity: 1;
  }
}

scss 형식으로 스타일 속성을 주었기 때문에 위와 같은 형식으로 쓰게 되었다
라디오박스의 기본적인 스타일 속성은 아래와 같지만

다른 스타일로 변경하기 위해 우선 appearance: none; 을 통해
해당하는 라디오박스를 보이지 않게 하고 새로 만들어주면 된다