Info kplace.plala.jpから移設しました

■目的
 Webページ印刷でリンク部のURL印刷を無効にします。

■現象
 Bootstrapを利用のページでリンク部のURLが印刷されます。
preview
■原因
 Bootstrap3のCSSはデフォルトでリンク部のURLを印刷します。
@media print {

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

}
■対応
 上記6行のリンク印刷指定を削除するか以下のサンプルのように変更します。
 今回はサイト専用の既設cssファイルに以下を追加し無効化しました。
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}
preview
■結果
 余分なリンク部分のURLの印刷はなくなりました。
 今回はbootstrap.cssではなくサイト専用cssファイルでの変更です。

  blog      MovableType