Hide Title column links in the print out

Question

In a custom list view, we are using Title(Linked to item with edit menu) or the the Title (linked to item) columns. However when the list is printed it shows the underlying links/urls in addition to the column text. To prevent this we are using the plain Title column, but this is not the permanent solution. We would like to use one of the the hyperlinked Title columns, but don't want to see the urls/links for the text. Is there a CSS solution for this?

Answer 1

Media print CSS does the trick.

@media print {
  a[href]:after {
    content: none !important;
  }
}