Question

我使用yii2。我有一个像这样的文件css（用于测试），我将它们放入web / css：

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不起作用。任何帮助它如此欣赏。

Answer 1

您是否尝试在<head></head>标记中查看CSS文件的顺序？也许订单被Bootstrap覆盖（我假设你根据你的按钮类使用它）。

此外，您可以使用Firefox / Chrome检查元素检查该样式如何适用于您的每个元素，哪些文件覆盖您的文件等。

这就是为什么我的建议是尝试将css放入Asset Bundle，并处理它的依赖关系。

另一个想法是，你使用'media' => 'print'，这意味着你的CSS也可以仅用于打印屏幕。对于cource，它不会直接在浏览器中显示。

加载css打印此页yii2

1 个答案: