页面部分内容打印的时候忽略

最近有个需求是,页面上显示个按钮,点击按钮的时候给用户发邮件,但是打印该页面的时候,要忽略按钮

查了下,确实有这样的css属性,打印的时候忽略。

html部分

    <input name="_csrf" type="hidden" id="_csrf" value="<?=Yii::$app->request->csrfToken ?>">

        <button class="btn btn-primary pull-right" id="send_to_customer" style="width:240px; margin:0 auto;

        background-color:#337ab7;border-color:#2e6da4; font-size:28px; border-radius:10px;}">

            Send to Customer

</div>

style 部分

<style>

@media print {

#button_send{

display:none;

    }

}

</style>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容