print-css

How to see the print media CSS in Firebug?

由 浪尽此生 提交于 2019-11-27 11:37:40
问题 Firebug is an excellent tool to to show a screen media CSS for some HTML element, but is there a way to look at the print media CSS too? Or is there any other tool to see the print media CSS? 回答1: I would have never expected this to work, but it does. Install -both- the 1.5 beta of Firebug and Web Developer. When you choose the print css from Web Developer, the tools in Firebug suddenly work on the new print version of the page. So far I haven't found any problems with running both at the

How do I Make Firefox Print a Background-Color Style?

由 假装没事ソ 提交于 2019-11-27 04:36:44
I have some simple CSS: #someElement { background-color:black; color:white; } It looks ok in the browser, but when I go to print it in Firefox it comes out as black text on a white background. I imagine this is some sort of ink-saving feature, but is there any way around it? Its a browser setting. There is nothing you can do in your CSS. In Windows - File > Page Setup... > Print Background . timing I found a solution, it's a bit hacky, but with CSS pseudo elements you can create backgrounds using fat borders. Borders are printed even when "printing backgrounds" is off, just make them really

Printing fieldsets in firefox

由 半城伤御伤魂 提交于 2019-11-27 02:44:06
问题 I've been adding some new css to an existing project (using media="print") in the page header. It's going smooth and (for once!) IE is giving nice, expected results, but Firefox does not... The problem is that I have a fieldset which contains a lot of fields, and Firefox completely refuses (even in the latest version) to allow a page break inside the fieldset. This means anything that doesn't fit on one page is lost... I've found the bug acknowledged on the mozilla website which has been open

How do I Make Firefox Print a Background-Color Style?

由 半世苍凉 提交于 2019-11-26 12:28:53
问题 I have some simple CSS: #someElement { background-color:black; color:white; } It looks ok in the browser, but when I go to print it in Firefox it comes out as black text on a white background. I imagine this is some sort of ink-saving feature, but is there any way around it? 回答1: Its a browser setting. There is nothing you can do in your CSS. In Windows - File > Page Setup... > Print Background . 回答2: I found a solution, it's a bit hacky, but with CSS pseudo elements you can create

Need to remove href values when printing in Chrome

由 人走茶凉 提交于 2019-11-26 06:11:53
问题 I\'m attempting to customize the print CSS, and finding that it prints links out with the href value as well as the link. This is in Chrome. For this HTML: <a href=\"http://www.google.com\">Google</a> It prints: Google (http://www.google.com) And I want it to print: Google 回答1: Bootstrap does the same thing (... as the selected answer below). @media print { a[href]:after { content: " (" attr(href) ")"; } } Just remove it from there, or override it in your own print stylesheet: @media print {
订阅 print-css