Warum werden meine Stile entfernt, wenn ich versuche, eine Webseite in Chrome oder Firefox zu drucken?

Ich kann nicht herausfinden, warum meine Schaltflächenstile/Farben entfernt werden, wenn ich versuche, meine Webseite zu drucken. Ich verwende Bootstrap für einige meiner Stile. Warum werden meine Stile entfernt, wenn ich versuche, eine Webseite in Chrome oder Firefox zu drucken?

.button.primary { 
    font-size: 15px; 
    font-size: 1.5rem; 
    line-height: 18px; 
    line-height: 1.8rem; 
    background-color: #EEB111; 
    color: #FFF; 
    font-weight: 600; 
    text-decoration: none; 
    outline: 0; 
}

Quelle

2016-12-14 Fawn

es ist eine defaut-einstellung auf druckern (bg-farben/bg-bild) werden nicht gedruckt ... um ersatzfarbe ich denke. Nur der Benutzer kann dies ändern, Stylesheets haben keine Macht auf Hardware :(:) –

@GCyrillus - wenn Sie im Screenshot oben diese Optionen ausgewählt sind ... so bin ich mir nicht sicher, warum es immer noch die Farben entfernt? – Fawn

oh ja, dann überprüfen Sie die '@media print' Regeln und entfernt/kommentieren Zeilen, wo bg zurückgesetzt wird. sonst '@media only screen', könnte involviert sein, entferne' nur', um alle Stile auf 'alle' anzuwenden (inkludiert' print') –

Es mit Bootstrap zu tun hat, zu setzen. Wenn Ihr bootstrap includes print media styles, weil es möglicherweise nicht customized in einer Weise ist, schließt sie aus, einige Arten werden geändert.

(Hintergrundgrafiken = Hintergrundgrafiken)

Auch dies ist wichtig, wie Sie bereits richtig in Ihrem Screenshot taten
, um die Seite mit Farben und Material zu drucken, zum Beispiel In Firefox müssen Sie den Browser informieren, indem Sie auf File > Page Setup... > Print background oder Print (icon in the top right menu) > Page Setup... > Print background klicken.

Quelle

2016-12-14 20:37:52 Marvin

Ich habe den Hintergrund, die Bilder und die Farben ausgewählt und es zeigt immer noch den obigen Screenshot :(Wenn Sie im obigen Screenshot sehen, sind diese Optionen ausgewählt. – Fawn

Meine Antwort wurde aktualisiert. Das Problem scheint in den Bootstrap-Medienstilen zu liegen ein minimales lokales Beispiel mit Boostrap und mit einem angepassten Boostrap (keine "Print media styles" enthalten), und es funktionierte nur für mich mit der angepassten Version. – Marvin

Das behob mein Problem, als ich die Bootstrap-Druckstile auskommentierte. Danke! – Fawn

Verwenden Sie @media print für diese Stile Druck z.B.

@media print { 
    body { font-size: 10pt } 
}

Wenn nicht, dann folgen hier

Hoffe, das wird dir auf irgendeine Weise helfen (y).

Quelle

2016-12-14 20:12:56 pradeep1991singh

Ich verwende Druckstile, aber ich habe nicht alle Schaltflächenstile, Verknüpfungsstile, Bildstile usw. zum Druckstilblatt hinzugefügt, nur in meinem normalen styles.css Stylesheet. Muss ich jeden Style neu definieren und in mein Druck-Stylesheet kopieren? – Fawn

Ich habe gerade versucht, meinem Stylesheet print.css meinen Button Style hinzuzufügen, und es funktionierte immer noch nicht für mich. Ich bin mir nicht sicher, was hier vorgeht. – Fawn

Es wird entfernt, weil css-stylesheets Attribut wie media es definiert, in welchen Medien diese CSS-Datei funktioniert.

versuchen dieses Blatt auf Ihrem Stil media="all" oder media = "print"

<link rel="stylesheet" type="text/css" media="print" href="print.css">

Quelle

2016-12-14 20:15:04

Haben Sie das versucht? Es funktioniert nicht für mich. – Marvin

Sie müssen media = "all" in alle CSS-Dateien schreiben, die Sie in Ihre HTML-Seite einfügen. Es funktioniert. –

Hey Marvin hat es für dich funktioniert? –

Warum werden meine Stile entfernt, wenn ich versuche, eine Webseite in Chrome oder Firefox zu drucken?

Antwort

Verwandte Themen