CSS

html 생일 cssinput[type="date"]{ position: relative; width: 40%; color: royalblue; font-weight: bold; text-align: center; } input[type='date']::-webkit-calendar-picker-indicator { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* 배경은 투명하게 */ background: transparent; /* 글자도 투명하게 이 두 설정을 통해 캘린더 아이콘을 사라지게 만든다 */ color: transparent; cursor: pointer; } 결과

html 취미 낚시 유튜브 조깅 게임 cssselect { -webkit-appearance: none; /* 크롬 화살표 없애기 */ -moz-appearance: none; /* 파이어폭스 화살표 없애기 */ appearance: none; /* 화살표 없애기 */ display: inline-block; border: 1px solid rgb(53, 85, 180); border-radius: 5px; width: 30%; height: 24px; text-align: center; outline: none; } #hobby { color: rgb(53, 85, 180); font-size: 15px; font-style: normal; font-weight: bold; line-height: 10..

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..

html 아이디 (*) 비밀번호 (*) 비밀번호 확인 (*) 이름 (*) 나이 이메일  csstable{ background-color: white; border: 1px solid #ccd2ee;}#inTable td{ border: 1px solid #ceceee;}i..