Html 设置链接样式（如打印视图中的常规文本）

我有一个我想打印的页面，它有一堆带有链接的内容

有没有一种方法可以使用css设置链接的样式，使链接标题看起来像普通文本

我希望我的链接看起来像：

看起来像没有超链接的普通文本：
谷歌

所说的“抑制”，我想你的意思是“风格”，因为你不能点击打印的链接

使用a并将a标记的样式设置为常规文本。

我猜您的意思是“样式”，因为您无法单击打印的链接

---

使用a并将a标记设置为常规文本样式。

添加其他css文件，如下所示：

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

---

打印时，它将调用此css文件，而不是用于

media=“screen”

的常规css文件添加其他css文件，如下所示：

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

---

打印时，它将调用此css文件，而不是用于

media=“screen”

的常规文件。使用打印媒体查询规范化链接，然后打印，例如

@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none; }
    a, a:visited { color: #000 !important; text-decoration: none; }
}

---

使用打印媒体查询规范化链接，然后打印，例如

@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none; }
    a, a:visited { color: #000 !important; text-decoration: none; }
}

---

您可以在

@print

css部分中定义链接的所有样式

@media print {
    a { text-decoration: none; color: #000 }
}

---

您可以在

@print

css部分中定义链接的所有样式

@media print {
    a { text-decoration: none; color: #000 }
}

---

---

我已经在调用一个用于打印的css表。当我指定media=“print”时，它删除了所有格式。以前没有指定任何内容。不要全部删除，指定链接的外观-默认情况下，所有浏览器都会设置链接的样式（蓝色+下划线）。我的意思是，指定media=“print”似乎会删除所有内容的格式。如果添加空CSS文件进行打印，确实会发生这种情况，但是如果你真的有一些CSS声明的话就不应该发生了。。。用于打印的CSS文件不是用于否决屏幕CSS，它是完全独立的。还有，你确定没有打错吗？@ptriek我需要在CSS表中指定什么吗？我已经在调用一个用于打印的CSS表了。当我指定media=“print”时，它删除了所有格式。以前没有指定任何内容。不要全部删除，指定链接的外观-默认情况下，所有浏览器都会设置链接的样式（蓝色+下划线）。我的意思是，指定media=“print”似乎会删除所有内容的格式。如果添加空CSS文件进行打印，确实会发生这种情况，但是如果你真的有一些CSS声明的话就不应该发生了。。。用于打印的CSS文件不是用于否决屏幕CSS，它是完全独立的。还有，你确定没有打字错误吗？@ptriek我需要在CSS表中指定一些内容吗？我想你是对的。我对网络开发还不熟悉，正在努力找出我的条件。我想你是对的。我对网络开发还不熟悉，正在试图弄清楚我的术语。这感觉像是一个黑客，尽管这样做确实得到了我想要的外观。我本来希望完全删除链接，但也许这会起作用。不，这不是黑客：）打印类型是W3C标准的重要组成部分，与屏幕、手持设备、电视等一起使用。要完全删除链接，可以执行

a{display:none}

我想我现在明白了。我认为@media print是这样的，您可以在css表中定义一个特定的部分来进行打印。我使用了整个css页面作为打印样式，而不是主css页面的特定部分。至于a{display:none}部分，它完全隐藏了链接内容。我想在两者之间，其中文本保留，但文本后面的链接停用/隐藏/消失。

@media print

与其他人建议的用于打印的单独样式表相同-但将其放在主CSS文件中可以为您节省1个HTTP请求，并使您的网站稍微快一点：）如果您的链接标题后面有URL，您可以尝试使用此选项隐藏它

a[href]：在{content:！important；}

之后，这感觉像是一种黑客行为，尽管这样做确实得到了我想要的外观。我本来希望完全删除链接，但也许这会起作用。不，这不是黑客：）打印类型是W3C标准的重要组成部分，与屏幕、手持设备、电视等一起使用。要完全删除链接，可以执行

a{display:none}

我想我现在明白了。我认为@media print是这样的，您可以在css表中定义一个特定的部分来进行打印。我使用了整个css页面作为打印样式，而不是主css页面的特定部分。至于a{display:none}部分，它完全隐藏了链接内容。我想在两者之间，其中文本保留，但文本后面的链接停用/隐藏/消失。

@media print

与其他人建议的用于打印的单独样式表相同-但将其放在主CSS文件中可以为您节省1个HTTP请求，并使您的网站稍微快一点：）如果您的链接标题后面有URL，您可以尝试使用此选项隐藏它

a[href]：在{content:！important；}之后