안녕하세요. 개발자 김인영 입니다 😃

오늘은 css로 input[type=”radio / checkbox”] 의 기본 색상을 변경하는 방법에 대해 알려드리려고 합니다.

input[type=”radio”] 와 input[type=”checkbox”]의 기본색상은?

위와 같이 기본 색상은 파란색 입니다.

하지만, 홈페이지 포인트 컬러에 맞게 해당 색상을 변경해야하는 경우가 있습니다.

그럴 땐 아래와 같이 해주시면 됩니다.

input[type=”radio”] 와 input[type=”checkbox”] 색상 변경하기

accent-color만 설정해주시면 됩니다 😊

실제로 적용 & 결과

이렇게 색상을 블랙으로 설정해주시면, 아래와 같이 나옵니다.

<예시 : 빨간색( #f00 ) 적용 시 >

---

여기까지 css로 input[type=”radio / checkbox”] 의 기본 색상을 변경하는 방법 이었습니다.

감사합니다 😊