html에서 이미지를 체크 박스로 사용하는 방법

나나 파티 카르

저는 버스 ​​예약 사이트 프로젝트에 참여하고 있습니다. 예약하려면 좌석을 사용해야합니다. 따라서 확인란을 이미지로 바꿀 수 있습니다. 가능하다면 알려주세요. 또는 다른 가능성이 있다면 제게 아이디어를 알려주세요. Thnku.

앤드류 화이트

CSS DEMO에 대한 간단한 솔루션 제공

HTML

<input type="checkbox" id="checkbox-id" /> <label for="checkbox-id">Some label</label>

CSS

input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}
input[type="checkbox"] + label {
    background: url(http://xandeadx.ru/examples/styling-checkbox/checkbox-sprite.gif) 0 0 no-repeat;
    padding-left: 20px;
}
input[type="checkbox"]:checked + label {
    background-position: 0 -32px;
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

PHP에서 HTML 체크 박스를 사용하여 INSERT INTO하는 방법

분류에서Dev

Django에서 html 체크 박스의 목록을 사용하여 요소를 반복하고 요소 별 페이지로 이동하는 방법

분류에서Dev

CSS & HTML : 마우스 오버시 체크 박스 안에 이미지 (예 : X / 체크)를 넣는 방법

분류에서Dev

테이블에서 체크 박스를 사용하는 방법 PHP

분류에서Dev

kineticjs에서 이미지 객체로 채우는 사각형에 마스크를 적용하는 방법

분류에서Dev

편집 페이지에서 체크 박스를 사용하여 이미 존재하는 권한을 표시하는 방법

분류에서Dev

선택한 체크 박스를 Android에서 배열로 변환하는 방법

분류에서Dev

MVC4에서 체크 박스 체크 상태를 유지하는 방법

분류에서Dev

부트 스트랩 테이블에서 체크하지 않은 체크 박스로 페이지를로드하는 방법

분류에서Dev

체크 박스를 사용하여 데이터 테이블에서 ID를 선택하는 방법

분류에서Dev

버튼을 사용하여 체크 박스 값에서 데이터베이스로 데이터를 저장하는 방법

분류에서Dev

체크 박스를 기본적으로 트 리뷰에서 체크하는 방법

분류에서Dev

(VBA) 동적으로 생성 된 체크 박스에서 선택한 체크 박스 데이터를 검색하는 방법

분류에서Dev

Angular.js / Javascript를 사용하여 클릭 이벤트에서 체크 박스를 동적으로 확인하는 방법

분류에서Dev

체크 박스를 디스플레이에 체크 표시하는 방법

분류에서Dev

Conatct Form 7 WP에서 체크 박스를 체크하는 방법

분류에서Dev

Rails 4 : Rails에서 JQuery를 사용하여 체크 박스 값을 기반으로 텍스트 필드를 비활성화하는 방법

분류에서Dev

체크 박스를 사용하여 그리드에서 파일을 선택하고 삭제하는 방법

분류에서Dev

체크 박스를 체크 / 체크 해제하는 방법과 체크 박스를 행 클릭에서 클릭하는 방법

분류에서Dev

vue-good-table에서 체크 박스 테이블이있는 버튼을 사용하는 방법

분류에서Dev

db (Angularjs)에 저장된 값을 기준으로 체크 박스를 체크하는 방법

분류에서Dev

React에서 useState를 사용하여 체크 박스 값을 변경하는 방법

분류에서Dev

Vue로 값이있는 체크 박스를 만드는 방법

분류에서Dev

PHP를 사용하여 테이블에 체크 박스 값을 삽입하는 방법은 무엇입니까?

분류에서Dev

체크 박스 Django로 함수를 트리거하는 방법

분류에서Dev

신사에서 원본 이미지 자체의 크기를 조정하면서 업로드하는 방법

분류에서Dev

자바 스크립트에서 폼 객체를 사용하여 체크 된 체크 박스의 값을 얻는 방법

분류에서Dev

사용자 정의 어댑터에서 체크 박스를 추적하는 방법은 무엇입니까?

분류에서Dev

체크 박스에 포함 된 정보를 기반으로 nodeJS에서 get 쿼리를 생성하는 방법

Related 관련 기사

  1. 1

    PHP에서 HTML 체크 박스를 사용하여 INSERT INTO하는 방법

  2. 2

    Django에서 html 체크 박스의 목록을 사용하여 요소를 반복하고 요소 별 페이지로 이동하는 방법

  3. 3

    CSS & HTML : 마우스 오버시 체크 박스 안에 이미지 (예 : X / 체크)를 넣는 방법

  4. 4

    테이블에서 체크 박스를 사용하는 방법 PHP

  5. 5

    kineticjs에서 이미지 객체로 채우는 사각형에 마스크를 적용하는 방법

  6. 6

    편집 페이지에서 체크 박스를 사용하여 이미 존재하는 권한을 표시하는 방법

  7. 7

    선택한 체크 박스를 Android에서 배열로 변환하는 방법

  8. 8

    MVC4에서 체크 박스 체크 상태를 유지하는 방법

  9. 9

    부트 스트랩 테이블에서 체크하지 않은 체크 박스로 페이지를로드하는 방법

  10. 10

    체크 박스를 사용하여 데이터 테이블에서 ID를 선택하는 방법

  11. 11

    버튼을 사용하여 체크 박스 값에서 데이터베이스로 데이터를 저장하는 방법

  12. 12

    체크 박스를 기본적으로 트 리뷰에서 체크하는 방법

  13. 13

    (VBA) 동적으로 생성 된 체크 박스에서 선택한 체크 박스 데이터를 검색하는 방법

  14. 14

    Angular.js / Javascript를 사용하여 클릭 이벤트에서 체크 박스를 동적으로 확인하는 방법

  15. 15

    체크 박스를 디스플레이에 체크 표시하는 방법

  16. 16

    Conatct Form 7 WP에서 체크 박스를 체크하는 방법

  17. 17

    Rails 4 : Rails에서 JQuery를 사용하여 체크 박스 값을 기반으로 텍스트 필드를 비활성화하는 방법

  18. 18

    체크 박스를 사용하여 그리드에서 파일을 선택하고 삭제하는 방법

  19. 19

    체크 박스를 체크 / 체크 해제하는 방법과 체크 박스를 행 클릭에서 클릭하는 방법

  20. 20

    vue-good-table에서 체크 박스 테이블이있는 버튼을 사용하는 방법

  21. 21

    db (Angularjs)에 저장된 값을 기준으로 체크 박스를 체크하는 방법

  22. 22

    React에서 useState를 사용하여 체크 박스 값을 변경하는 방법

  23. 23

    Vue로 값이있는 체크 박스를 만드는 방법

  24. 24

    PHP를 사용하여 테이블에 체크 박스 값을 삽입하는 방법은 무엇입니까?

  25. 25

    체크 박스 Django로 함수를 트리거하는 방법

  26. 26

    신사에서 원본 이미지 자체의 크기를 조정하면서 업로드하는 방법

  27. 27

    자바 스크립트에서 폼 객체를 사용하여 체크 된 체크 박스의 값을 얻는 방법

  28. 28

    사용자 정의 어댑터에서 체크 박스를 추적하는 방법은 무엇입니까?

  29. 29

    체크 박스에 포함 된 정보를 기반으로 nodeJS에서 get 쿼리를 생성하는 방법

뜨겁다태그

보관