HTML 라디오 버튼의 스타일을 인쇄 시 체크박스처럼 보이게 하려면 어떻게 해야 합니까?

HTML 라디오 버튼을 체크박스로 스타일링

문제:
사용자는 공식 정부 문서와 유사한 인쇄된 양식을 요구합니다. , 정사각형 체크박스로 디자인된 라디오 버튼을 포함합니다. 라디오 버튼이 화면에 표시되더라도 인쇄된 버전은 체크박스 스타일을 반영해야 합니다.

해결책:

Firefox 1, Chrome 1, Safari 3과 같은 최신 브라우저 , Opera 15는 모양 속성을 지원하여 라디오 버튼의 스타일을 체크박스처럼 보이게 할 수 있습니다. 이를 달성하는 방법은 다음과 같습니다.

input[type="radio"] {
  appearance: checkbox;
}

이 코드는 체크박스 모양을 모든 라디오 버튼에 적용합니다. 지원되는 브라우저의 결과는 다음과 같습니다.

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>

appearance 속성을 사용하면 JavaScript 및 CSS를 사용하여 그림자 체크박스를 만들고 동기화하는 복잡성을 피하면서 라디오 버튼 스타일을 체크박스로 지정할 수 있습니다.

위 내용은 HTML 라디오 버튼의 스타일을 인쇄 시 체크박스처럼 보이게 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!