![]()
html 관심분야 웹디자인 프론트엔드 백엔드 데이터베이스 데브옵스 기획 운영 css.interest { padding: 6px; } .interest input[type=checkbox]{ display: none; } .interest input[type=checkbox]+label{ display: inline-block; cursor: pointer; height: 24px; width: 80px; border: 1px solid rgb(53, 85, 180); border-radius: 5px; line-height: 24px; text-align: center; font-weight:bold; font-size:13px; } .interest input[type=checkbox]+label{ b..
![]()
radio 버튼 색 변경html 성별 남자 여자 비공개 cssinput[type='radio'] { /* 기본 브라우저에서 기본 스타일 제거 */ appearance: none; width: 13px; height: 13px; /* 체크되지 않았을 때의 테두리 색상 */ border: 1px solid #ccd2ee; border-radius: 50%; /* focus 시에 나타나는 기본 스타일 제거 */ outline: none; cursor: pointer; } /* 체크 시 버튼 모양 스타일 */ input[type='radio']:checked { /* 체크 시 내부 원 색상 */ background-color: rgb(53, 85, 180); /* 라인이 아닌, 라인과 원 사이 색상 */ bor..
