라디오버튼 썸네일형 리스트형 input (체크박스, 라디오버튼) 스타일 설정 및 디자인 입히기 input type css 퍼블리싱을 할때 심심한 체크박스나 라디오버튼같은 인풋타입을 꾸며주고 싶을 때가 있는데요! 이미지를 이용해서 체크박스, 라디오버튼에 디자인을 입혀주는 방법을 보여드리려고 합니다. option 위처럼 코딩을 하고 아래쪽에 정리된 스타일 시트를 적용해 주면 됩니다. css 스타일 원리를 알려드리면 input[type="radio"]:not(old) 에서 투명도를 빼서 기존 디자인을 지워주고 input[type="radio"]:not(old) + label과 input[type="radio"]:not(old):checked + label 라벨에 백그라운드 이미지를 넣은 후에 투명해진 인풋 라디오로 마진값을 주는 원리입니다. 여기서 input[type="radio"]:not(old).. 이전 1 다음