如何使用内联CSS更改链接文本的字体颜色?

时间:2015-03-31 01:06:14

标签: css html5

我在论文“给坐在黑暗中的人”here(杂项标签)添加了“旁白”,但链接看起来像鬼一样。我需要添加什么内联CSS才能使这些链接变暗(forestgreen可能会起作用?)

3 个答案:

答案 0 :(得分:3)

a链接中,在a之后,添加style="color:green"替换为“绿色”,以获取所需的任何HEX颜色。

答案 1 :(得分:3)

您可以手动将“style:color#FFF8DC;”添加到旁边元素中的每个标记

<a href="http://en.wikipedia.org/wiki/Philippine%E2%80%93American_War" target="_blank" style="color: #FFF8DC;">The Philippine-American War</a>

更有效的方法是将此样式添加到样式表,而不是在每个元素上内联。

.aside a {
    color: #FFF8DC;
}

希望有所帮助!

答案 2 :(得分:2)

问题是你的jqueryUI.css文件在第413行应用了更深的灰色:

.ui-widget-content a {
  color: #222222;
}

如果您删除此行,则会将a设置为#333的正常颜色样式,并应用于your CSS file第476行。

a {
  color: #333;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: underline;
}

如果您想要特定的链接颜色,那么您只需要在CSS中设置它:

#MiscTwainContent a {
   color:#whatevercoloryouwant
}

考虑到这一点,不需要使用内联样式,这不是一个好习惯。