首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Printthis.js现在显示超链接

Printthis.js现在显示超链接
EN

Stack Overflow用户
提问于 2022-04-25 10:20:36
回答 1查看 42关注 0票数 0

我们有一个通过printthis.js打印的页面,除了超链接(如果importStyle: false )没有显示,一切都正常工作,我们需要将其设置为false,因为文档的样式需要与页面样式有很大的不同。我尝试了几个不同的风格,在CSS文件中的链接,为pdf,但没有任何效果。这是当前的代码。

代码语言:javascript
复制
jQuery(function(){    
    jQuery('a[id="printbutton"]').click(function(){         
            jQuery('').printThis({
                debug: false,  
                importStyle: false, 
                importCSS: false,  
                loadCSS: "/pdfstyle.css",
                removeInline: true,  
                footer: jQuery(".printthis"),
            });
        });
    });
代码语言:javascript
复制
<p style="text-align: left;margin-bottom: 30px;">Please click the button below to start your download</p>
<a onClick="document.title = 'My new title';" id="printbutton" class="pp-button" style="padding: 10px; background-color: #9aab21; color: white; margin-top: 20px;" role="button" href="#">
<span class="pp-button-text">DOWNLOAD THE PDF</span>
</a>
EN

回答 1

Stack Overflow用户

发布于 2022-04-25 19:16:11

请参阅:https://github.com/jasonday/printThis/wiki/Styling-Printed-Content#printing-backgrounds

默认情况下,浏览器不打印背景以保存墨汁/墨粉,但不调整前景色。在CSS中,链接就在那里,它们只是在打印文档的白色背景下变成白色:

background-color: #9aab21; color: white;

移除背景颜色并更改链接的颜色,它们将是可见的。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71997986

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档