load css onこのページを印刷するyii2

私はyii2を使用しています。は、私は（テスト用）、このようなファイルのCSSを持っていると私は、Web/CSSにそれらを置く：load css onこのページを印刷するyii2

body{ 
    font-family: 'Verdana'; 
    font-size: 8px; 
} 

table{ 
    border : 1px solid black; 
}

だから私はこのような_form.phpに登録：

今

<?php 
    $this->registerCssFile("@web/css/struk.css", [ 
     'media' => 'print' 
     ]); 
?> 

<div class="transaction-form"> 
    ..............

、私が持っていますボタン：

Html::button('Test Print', ['class' => 'btn btn-success', 
         'onclick' => 'w = window.open();' 
         . 'w.document.write($("#modalContent").html());' 
         . 'w.print();' 
         . 'w.close();']),

ただし、CSSが機能していません。それはとても感謝します。

出典

2016-11-03 Fadly Dzil

cssを資産バンドルに登録しよう –

<head></head>タグのCSSファイルの順番を見てみましたか？多分、注文はブートストラップによってオーバーライドされます（私はあなたのボタンクラスに基づいてこれを使用すると仮定します）。

私の提案は、CSSを配置しようとする理由も、あなたは、スタイルがあなたの要素のそれぞれについて、どのように動作するかを知っている要素を検査してファイルを上書きどのファイル、およびその他のFirefox/Chromeを使用して

を確認することができますアセットバンドルで、それを処理し、依存関係を処理します。

もう1つの考えは、'media' => 'print'を使用します。これは、あなたのCSSが印刷された画面でのみ動作することを意味します。ソースの中では、ブラウザに直接表示されません。

出典

2016-11-07 09:41:15 Haqqi

load css onこのページを印刷するyii2

答えて

関連する問題