Bootstrap 3.1.1 Страница: Скрыть URL ссылок

У меня есть страница Bootstrap 3.1.1, что я хотел бы скрыть URL ссылок при выполнении предварительного просмотра печати/печати. Как я могу это сделать?

Я хочу показать сами ссылки, такие как "Корзина", "Моя учетная запись" и т.д., но не хочу показывать ссылки.

Снимок экрана о том, что происходит: http://i.imgur.com/CQoqVyN.png

Ответы

Ответ 1

@media print {
  a[href]:after {
    content: "";
  }
}

Ответ 2

@iamnotsam прав. Мне нужно было добавить! Важно после контента, чтобы заставить его работать.

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

Ответ 3

На моих страницах большую часть времени мне нравится поведение загрузки Bootstrap по умолчанию после тегов привязки. Вместо удаления всех URL по умолчанию я решил удалить URL-адреса из ссылок с определенным классом.

Пытаясь сохранить схему именования классов Bootstrap, для каждой ссылки, где я не хотел видеть URL-адрес, напечатанный после него, я дал привязному тегу класс hidden-print-href.

Затем я добавил следующие строки в таблицу стилей моего сайта.

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