Chrome 인쇄물에서 HREF 값을 억제하는 방법은 무엇입니까?

Chrome 인쇄물에서 HREF 값 억제

Chrome에서 인쇄 스타일을 맞춤설정할 때 링크가 텍스트와 함께 인쇄되는 문제가 발생할 수 있습니다. 및 HREF 값. 이는 주의를 산만하게 하고 심미적으로 매력적이지 않을 수 있습니다.

이 문제를 해결하려면 다음 해결 방법을 고려하십시오.

Bootstrap의 인쇄 미디어 규칙

Bootstrap, 인기 있는 CSS 프레임워크에는 HREF 값을 링크에 추가하는 인쇄 매체 규칙이 포함되어 있습니다. 이 동작을 비활성화하려면:

• 인쇄 스타일시트를 열거나 새로 만드세요.
• 다음 규칙을 추가하세요.

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

이것은 Bootstrap의 규칙을 재정의합니다. HREF 값이 인쇄되는 것을 방지합니다.

사용자 정의 CSS 재정의

또는 자체 CSS 규칙을 만들어 기본 동작을 재정의할 수도 있습니다.

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

Chrome에서 인쇄할 때 HREF 값을 억제하려면 인쇄 스타일시트에 이 규칙을 추가하세요.

위 내용은 Chrome 인쇄물에서 HREF 값을 억제하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!