Zurb Foundation Druckstile - Wie können URLs deaktiviert werden, die beim Drucken neben den Ankern angezeigt werden?

Question

Wenn ich meine Seite drucke, wird die tatsächliche URL neben jedem Anchor-Tag angezeigt, was in Breadcrumbs oder Footer-Links wirklich seltsam aussieht. Was ist die geeignete Methode, um dieses Verhalten bei Verwendung von Zurb Foundation 5 zu deaktivieren? Alternativ, wenn es einen CSS-Stil gibt, den ich verwenden kann, um dieses Verhalten zu überschreiben, wäre das auch großartig.

Sie die Beschreibung des Verhaltens hier in ihrer Dokumentation sehen: http://foundation.zurb.com/docs/components/typography.html#print-styles

Answer 1

, die durch Pseudoelemente hinzugefügt verursacht wird Selektoren zuzuschreiben; wahrscheinlich etwas wie das:

Sie können dies höchstwahrscheinlich überschreiben, indem Sie den Inhalt des Pseudoelements zurücksetzen.

Versuchen Folgendes hinzufügen zu einem Drucksheet:

a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;} 

Answer 2

in der Typen Komponente ZURB Foundation 5 werden die URLs nicht für Bilder oder JavaScript interne Links angezeigt, oder genauer gesagt by looking at the source es setzt den Inhalt eine leere Zeichenfolge.

.ir a:after, 
a[href^="javascript:"]:after, 
a[href^="#"]:after { 
    content: ""; 
} 

So könnte man das gleiche für alle Links

a[href]:after { 
    content: ""; 
}