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

Bootstrap/ページ印刷

作成日: 2017/03/27
■目的
　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