html - CSS :link keep original color

标签 html css hyperlink

是否可以告诉链接不要更改 CSS 中的颜色并使用默认颜色。

例子

我有一个红色的文本,该文本也是一个链接。通常,该文本会变为蓝色,因为它是一个链接,但我希望它保持红色。

那么 a:link 是否有一个全局样式来完全不选择颜色?

最佳答案

在你的样式表中试试这个:

a:link {
   color:inherit;
}

请注意,您可能应该确保有其他方法来识别链接,否则您的用户会感到困惑。 (即也不要删除下划线。)

如果你想处理不支持 inherit 的浏览器,我想重复最初设置颜色的定义就可以了。

例如,假设类 important 应该显示为红色:

.important {
    color:red;
}

.important a:link {
    color:red;
}

当然,必须将所有颜色指示加倍并不好。我假设可以在 JavaScript 中做一些事情(遍历所有 a 元素并显式地给它们正确的类)。 (我没有可用的 IE 来测试它。)

关于html - CSS :link keep original color,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6850023/

相关文章:

javascript - 定位 JS 动画 DIV

javascript - 如何使用 Prototype 自动调整文本区域的大小?

css - 使用 CSS 定位特定的小部件标题

css - 图像在文本概念上。我面临一些错误

html - 具有多种文本样式的链接

php - 当浏览器滚动时,div 标签会 float 在 View 中

html - 为什么网站不加载 www 中的字体样式表。火狐浏览器网站

html - 哪种CSS样式处理按钮上的点击事件?除了悬停

javascript - Firefox 链接到 javascript 函数会在不需要时打开一个新窗口

ruby-on-rails - image_tag 在 Rails 3 中指向 assets/