Input radio custom

Input radio 커스텀 하기

• 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;
}
`