반응형 input3 input checkbox를 클래스와 함께 선택하는 방법 HTML에서 checkbox는 다양한 방식으로 사용되며, 이를 CSS로 스타일링할 때 특정한 클래스나 상태에 맞게 세밀하게 적용할 수 있습니다. 이 글에서는 CSS에서 input 태그 중 checkbox 타입을 선택하고, 클래스나 특정 상태에 따라 스타일을 적용하는 다양한 방법을 살펴보겠습니다. 1. 직접 선택자 사용input 태그와 checkbox 타입, 그리고 클래스 이름을 지정하여 간단하게 선택할 수 있습니다.input[type="checkbox"].my-checkbox { /* 스타일 적용 */}input[type="checkbox"]: input 태그 중 type 속성이 "checkbox"인 요소만 선택합니다..my-checkbox: 클래스 이름이 "my-checkbox"인 요소를 선택합니다... CSS 2024. 9. 9. input type file에서 카메라 - 파일 작업 선택 속성 추가 모바일에서 작업 선택이라고 바텀 시트가 올라오면서 카메라 - 갤러리 - 파일 이런식으로 선택을 할 수 있는 속성을 알게 되었습니다. 여태 input type="file" 에서 속성을 추가하면 간단하게 해결이 됩니다. 하지만 PC 에서는 일반 input file로 보이기 때문에 테스트는 모바일해야 합니다. "image/*;capture=camera"는 HTML의 input 요소에서 사용하는 accept 속성의 값 중 하나입니다. 이 값은 웹 페이지에서 파일 업로드를 위한 입력 필드를 정의할 때 사용됩니다. 여기에 대한 설명은 다음과 같습니다: "image/": 이 부분은 파일 형식을 지정하는 부분입니다. "image/"는 이미지 파일의 모든 형식을 허용하겠다는 의미입니다. 즉, 사용자가 업로드할 수 있는 .. HTML 2023. 10. 5. 아이디, 비밀번호 입력란에 로그인 버튼 색 변경하기 jQuery를 이용하여 아이디, 비밀번호란에 데이터를 입력 시에 로그인 버튼 배경 색상을 변경하는 방법입니다. - ID, 비밀번호 입력란에 text가 모두 입력이 되면, addClass('on')을 통해서 배경색이 pink로 변경 - ID, 비밀번호 입력란이 하나라도 비어있다면, removeClass('on')으로 기존 배경색으로 됨 - ID, 비밀번호 입력란 모두 작성했다가, 다시 삭제하면 기존 배경색으로 되는 부분 function checkInput() { var idCheck = $('.id_input').val(); // idCheck 변수 var passwordCheck = $('.password_input').val(); // idCheck 변수 var btnLogin = $('.btn_sub.. jQuery 2020. 12. 11. 이전 1 다음 💲 추천 글 반응형