Cần xóa giá trị href khi in trong Chrome

Tôi đang cố gắng tùy chỉnh CSS in và thấy rằng nó in các liên kết với hrefgiá trị cũng như liên kết.

Đây là trong Chrome.

Đối với HTML này:

<a href="http://www.google.com">Google</a>

Nó in:

Google (http://www.google.com)

Và tôi muốn nó được in:

Google

Bootstrap cũng làm điều tương tự (... như câu trả lời được chọn bên dưới).

@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}

Chỉ cần xóa nó từ đó hoặc ghi đè lên biểu định kiểu in của riêng bạn:

@media print {
  a[href]:after {
    content: none !important;
  }
}

Nó không . Ở đâu đó trong biểu định kiểu in của bạn, bạn phải có phần mã này:

a[href]::after {
    content: " (" attr(href) ")"
}

Khả năng duy nhất khác là bạn có một phần mở rộng làm điều đó cho bạn.

@media print {
   a[href]:after {
      display: none;
      visibility: hidden;
   }
}

Công việc hoàn hảo.

Nếu bạn sử dụng CSS sau

<link href="~/Content/common/bootstrap.css" rel="stylesheet" type="text/css"    />
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/common/site.css" rel="stylesheet" type="text/css" />

chỉ cần thay đổi nó thành kiểu sau bằng cách thêm media = "screen"

<link href="~/Content/common/bootstrap.css" rel="stylesheet" **media="screen"** type="text/css" />
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" **media="screen"** type="text/css" />
<link href="~/Content/common/site.css" rel="stylesheet" **media="screen"** type="text/css" />

Tôi nghĩ rằng nó sẽ làm việc.

các câu trả lời trước đây như

    @media print {
  a[href]:after {
    content: none !important;
  }
}

đã không hoạt động tốt trong trình duyệt chrome.

Tôi đã gặp một vấn đề tương tự chỉ với một img lồng nhau trong neo của tôi:

<a href="some/link">
   <img src="some/src">
</a>

Khi tôi áp dụng

@media print {
   a[href]:after {
      content: none !important;
   }
}

Tôi đã mất img và toàn bộ chiều rộng neo vì một số lý do, vì vậy thay vào đó tôi đã sử dụng:

@media print {
   a[href]:after {
      visibility: hidden;
   }
}

mà làm việc hoàn hảo.

Tiền thưởng : kiểm tra bản xem trước in

Để ẩn url Trang.

sử dụng media="print"trong ví dụ tage phong cách:

<style type="text/css" media="print">
            @page {
                size: auto;   /* auto is the initial value */
                margin: 0;  /* this affects the margin in the printer settings */
            }
            @page { size: portrait; }
</style>

Nếu bạn muốn xóa liên kết:

@media print {
   a[href]:after {
      visibility: hidden !important;
   }
}

Đối với người dùng bình thường. Mở cửa sổ kiểm tra của trang hiện tại. Và gõ vào:

l = document.getElementsByTagName("a");
for (var i =0; i<l.length; i++) {
    l[i].href = "";
}

Sau đó, bạn sẽ không thấy các liên kết url trong bản xem trước in.