ページ印刷時のスタイルの問題

Question

ページの印刷プレビューを表示したいときに問題があります。これはブラウザでの表示方法です。

そして、これは私が印刷したい前の画像をvizualizeとき、それがどのように見えるかです。

これらは、私が使用するスタイルです。そして、 "media = 'print'"でプローブしてください。また、 を追加してください！スタイル

<!-- Latest Bootstrap min CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/bootstrap/css/bootstrap.min.css">  
    <!-- Google Font --> 
    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>  
    <!-- Font Awesome CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/fonts/font-awesome.min.css"> 
    <!-- magnific popup CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/magnific-popup.css"> 
    <!-- timeline CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/timeline.css"> 
    <!-- animate CSS -->   
    <link rel="stylesheet" href="/REDRIM/assets/css/animate.css">  
    <!-- Style CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/style.css">  
    <link rel="stylesheet" href="/REDRIM/assets/css/responsive.css"> 
    <link rel="stylesheet" href="/REDRIM/assets/bootstrap/css/print.css" media="print"> 

の終わりに私が欲しいのはラベルに表示されるリンク

a{outline: none !important; 
    color: #337ab7; 
    text-decoration: none; 
    background-color: transparent;} 

を削除するには、次のスタイルを試してみて、それでも表示される印刷するプレビューを生成するとき、私はリンクされています。

Answer 1

おそらくあなたのスタイルシートには、カッコ内のリンクで印刷するよう指示するものがあります。

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

それとも、これでそれを無効にすることができます：このようなコードを削除し

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