1

我一直在寻找一个好小时，但似乎没有人遇到同样的问题。

我正在尝试将链接的文本颜色更改为灰色，但是它显示为蓝色。我特别想通过设置链接的类属性来实现这一点——我不想在 aspx 文件中自定义 css，也不想设置链接的样式属性。（为了记录，我已经尝试了这两种方法并且它们都有效）。

//Site.css
 .grey {
 color: grey;
 }

  .button-link2 {
 padding: 10px 15px;
 background: #EFEFEF;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -transition-duration: 0.2s;
 text-decoration: none;
 cursor: pointer;
}

以及我希望它的工作方式的链接：

<a id="btnCancel" href="CMS-contentlist.aspx" class="grey button-link2">Cancel</a>

提前致谢！

4

7 回答 7

1

您要么需要将文本颜色应用于链接外部的元素，要么添加 a 属性。

a.grey,
.grey {
  ...
}
于 2013-10-29T11:51:32.340 回答
0

把它当作重要的。仅在必要时使用

//Site.css
 .grey {
 color: grey !important;
 }
于 2013-10-29T11:52:18.390 回答
0

只是想确认您有以下部分：

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
于 2013-10-29T11:55:12.133 回答
0

是拼写错误吗？尝试“灰色”而不是“灰色”

于 2013-10-29T11:55:16.833 回答
0

问题是，您可能在同一个 Site.css 中具有覆盖您的其他链接设置。默认情况下，为超链接定义了此类样式属性。摆脱那些，或使用这个：

#btnCancel.grey {
 color: grey;
 }
于 2013-10-29T12:02:28.253 回答
0

使用 Chrome 开发者工具之类的 DOM 检查工具可以轻松解决此类问题。在 Chrome 中，右键单击元素并选择“检查元素”，然后在弹出的窗口中，您将能够看到所有可能覆盖.grey类颜色声明的可能声明。

并确保您非常了解您的CSS 特异性规则。

!important如果可以避免，请勿使用。

于 2013-10-29T12:03:32.073 回答
0 
.grey
{
color:gray;
}

这将起作用。

于 2013-10-29T12:05:27.567 回答