appearance: none;
로 기본 스타일을 없애는게 중요return(
<div>
<Radio type='radio' id={list.name}/>
<label>{list.text}</label>
<div>
)
const Radio = styled.input`
width: 20px;
height: 20px;
margin-right: 8px;
color: 'blue';
border: 3px solid blue;
border-radius: 50%;
appearance: none;
-webkit-appearance: none;
&:checked {
border: 9px solid #0066fe;
}
`
개발자로서 성장하는 데 큰 도움이 된 글이었습니다. 감사합니다.