301

印刷 CSS をカスタマイズしようとしていますhrefが、リンクだけでなく値も印刷されていることがわかりました。

これはChromeにあります。

この HTML の場合:

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

それは印刷します：

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

そして、私はそれを印刷したい:

Google
4

7 に答える 7

612

ブートストラップは同じことを行います（...以下の選択された回答と同じ）。

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

そこから削除するか、独自の印刷スタイルシートでオーバーライドしてください。

@media print {
  a[href]:after {
    content: none !important;
  }
}
于 2013-02-18T07:08:26.890 に答える
41

そうではありません。印刷スタイルシートのどこかに、次のコード セクションが必要です。

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

他の唯一の可能性は、拡張機能を使用することです。

于 2011-09-04T20:46:59.560 に答える
28 

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

仕事は完璧です。

于 2018-02-10T15:35:01.790 に答える
10

次の CSS を使用する場合

<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" />

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" />

うまくいくと思います。

前者は次のように答えます

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

クロムブラウズではうまく機能しませんでした。

于 2016-11-17T00:53:33.643 に答える
2

ページの URL を非表示にします。

media="print"スタイルタグの例で使用：

<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>

リンクを削除したい場合:

@media print {
   a[href]:after {
      visibility: hidden !important;
   }
}
于 2019-12-17T23:00:10.543 に答える