radio box css변경

기본적인 radio 박스에서 벗어나 내가 원하는 css를 적용하기 위한 방법이다.

       input[type=radio]{
            background-color: #FFFF;
            -webkit-appearance: none;
            -moz-appearance: none;
            margin-left: 16px;
            border: 1px solid rgb(216, 216, 216);
            width: 14px;
            height: 14px;
            border-radius: 100%;
        }
        input[type=radio]:checked{
            background-color: rgb(25, 118, 248);
            -webkit-appearance: none;
            -moz-appearance: none;
            margin-left: 16px;
            border: none;
            width: 14px;
            height: 14px;
            border-radius: 100%;
        }

 

appearance: none 으로 이미 설정 되어있는 기본적인 radio의 css를 제거해주어야 다른 css가 적용된다!