Change color of radio button in CSS / CSS로 라디오버튼 색상변경

Change color of radio button in CSS

CSS로 라디오버튼 색상변경(순수 CSS 이용 or 이미지 사용)

  /*radio 버튼 색상변경 */
  input[type='radio'] {
    -webkit-appearance:none;
    width:16px;
    height:16px;
    border:1px solid darkgray;
     border-radius:50%;
    outline:none;
    background:#e6e6e6;
  }
  input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;  
    border-radius:50%;  
  }
  input[type='radio']:checked:before {
  	background:#008675;
  }


  /*라디오버튼 색상변경 이미지로*/
  input[type='radio']:before {
    content:'';
    position:absolute;
    top:-3px;
    left:3px;
    width:16px;
    height:16px;
    background:url('../img/radio_unchkd.png')no-repeat;
  }

  input[type='radio']:checked:before {
    content:'';
    position:absolute;
    top:-3px;
    left:3px;
    width:16px;
    height:16px;
    background:url('../img/radio_chkd.png')no-repeat;
  }