Bootstrapをテーマにしたページを印刷するときに、追加されたURLを取り除く方法は?


17

Bootstrapをテーマにしたサイトからページを印刷すると、すべてのリンク(およびURLが添付された画像)は、リンクされたオブジェクトの直後に、印刷されたページに挿入されたリンクの印刷表現を持ちます。これが役立ついくつかの状況を見ることができますが、今のところは印刷されたレイアウトを台無しにしているだけです。私はここでjQueryの匂いを嗅いでいますが、それがどこにあるのか、どうすればオフにできるのかわかりません。ヒントはありますか?ありがとう!


FWIW:ブートストラップ関連です。Drupalにもjqueryにも固有ではありません。
ToolmakerSteve

回答:


32

それを見つけました:jQueryではなく、CSS3でした。bootstrap.cssを見ると、次のことがわかります。

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

でスタイルをオーバーライドするとcontent:none、状況をうまく処理できます。:after似たようなことをしている同様の条項がいくつかありますが、これは今のところ機能しています。


参考までに、私は最初にこれを手で修正するbootstrap.cssとして読みましたが、これを行うことに消極的でした。もちろん、「スタイルをオーバーライドする」とは、ブートストラップの後にロードされる独自のスタイルシートに新しい定義を置くことを意味するだけではありません。おそらくほとんどの人には明らかですが、他の誰かが私と同じ誤解を持っている場合に備えて、これについて言及します。
ToolmakerSteve

この奇妙なデザインの選択は、ブートストラップ4で「修正」されました。
BM5k16年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.