테스트 사이트 - 개발 중인 베타 버전입니다

svg 라디오 선택 선택 했을 때 색깔이 변경되면서 유지하는 방법 질문드립니다. 채택완료

alexseo 4년 전 조회 1,951

svg 라디오 선택 선택 했을 때

색깔이 변경되면서 유지하는 방법 질문드립니다. 

현재는 마우스를 올렸을 때만 색깔이 변경이 됩니다. 

그런데 마우스를 올려서 라디오 버튼을 선택했을 때 

색깔이 변경이 되면서 그 색깔이 유지되게 하려면 어떻게 해야하나요?

감사합니다. 

 

==================

 

<svg class="icon">

  <path .../>

</svg>

 

.icon:hover {

  fill: #DA4567;

}

 

===================

 

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" class="answer-svg-circle-color mb-3 icon" viewBox="0 0 16 16" fill="currentColor">

<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-8 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>

</svg>

 

 

 

 

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
e
4년 전

.icon:checked { }

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

a
4년 전

eyekiss님 답변 감사합니다.

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인