簡體   English   中英

如何設置在ASP.Net MVC3中使用Razor顯示的電子郵件超鏈接的樣式?

[英]How do I style an e-mail hyperlink to display using Razor in ASP.Net MVC3?

HTML <a href="mailto:name@dmain.com"> name@dmain.com </a>在MVC 3視圖中正常工作 - 除了顯示是不可見的 - 白色背景上的白色文字以及我是否是鼠標在它上面,我看到“顯示”的電子郵件地址沒有加下划線。

所以,我嘗試在Razor的MailTo鏈接中調整George的答案

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

@EmailTextBox("name@domain.com", "name@domain.com") (均在視圖中)

這也有效 - 還生成一個電子郵件消息,其電子郵件地址預填充像普通的HTML電子郵件超鏈接 - 除了顯示仍然不可見 - 白色背景上的白色文本,如果我鼠標懸停在它上面我看到它也沒有下划線。

將樣式應用於包含標記不起作用。

那么,我如何應用樣式來顯示電子郵件地址(或者是否有其他方法)?

聽起來像css問題,嘗試查看應用於此標記的樣式(右鍵單擊 - > Chrome中的inspect元素,帶有firebug擴展的Firefox等)

您始終可以使用類似的方式覆蓋正在應用的樣式

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

但最好先找出導致顏色的規則。


編輯

我沒有使用MVC中的剃刀視圖引擎,始終記住這是發出html,你可以在html中做的任何事情都應該是可以實現的。 充分利用Firebug或同等產品來查看您正在生成的HTML。

如果你做不到,我會很驚訝

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

然后

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

但聽起來你應該讓規則變得更加狹窄。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM