如何设置电子邮件超链接的样式以在 ASP.Net MVC 3 中使用 Razor 显示？

Question

HTML <a href="mailto:name@dmain.com"> name@dmain.com </a> 在 MVC 3 视图中正常工作 - 除了显示不可见 - 白色背景上的白色文本，如果我将鼠标悬停在它上面，我会看到“显示”的电子邮件地址没有下划线.

所以，我尝试将 George 在 MailTo link in Razor 的回答改编为

`@helper EmailTextBox(string email, string title) {
    <a href="mailto:@email">@title</a>    
    }

和

@EmailTextBox("name@domain.com", "name@domain.com")（都在视图中）

这也有效 - 还会生成一封电子邮件，其中预先填充了电子邮件地址，就像普通的 HTML 电子邮件超链接一样 - 除了显示仍然不可见 - 白色背景上的白色文本，如果我将鼠标悬停在它上面我看到它也没有下划线。

将样式应用于包含标签不起作用。

那么，如何应用样式来显示要显示的电子邮件地址（或者是否有其他方法）？

Answer 1

听起来像是一个 css 问题，请尝试查看此标签应用了哪些样式（右键单击 -> 检查 Chrome 中的元素、带有 firebug 扩展的 Firefox 等）

你总是可以用类似的东西覆盖正在应用的样式

<style>
  a {
    color : black !important;
  }
</style>

但最好首先找出导致颜色的规则。

---

编辑

我没有在 MVC 中使用 razor 视图引擎，请始终记住这是发出 html，您可以在 html 中执行的任何操作都应该是可以实现的。充分利用 Firebug 或等效工具来查看您正在生成的 html。

如果你做不到，我会很惊讶

`@helper EmailTextBox(string email, string title) {
    <a class="email" href="mailto:@email">@title</a>    
    }

然后

 <style>
   a.email {color:black;}
 </style>

但听起来你真的应该让将链接变白的规则更窄。