2012-03-13 1 views
0

私は以下のテキストデコレーションからテキストデコレーションを削除しようとしています:何も動作しないようです。誰か私にいくつかの指針を与えることができますか?ActionLinkからテキストデコレーションを削除します

<h1>The<br/>@Html.ActionLink("World Wide Web", "WWW", new { @class = "NameStyle" })</h1> 

マイCSS:

.NameStyle 
{ 
    text-decoration: none; 
} 
+0

を試してみてください?他にどんなスタイルが影響を与えているのでしょうか?ブラウザのデベロッパーツールのリンクを調べて、どのスタイルが適用されているかを確認しようとしましたか(たとえば、Chrome/Safariで右クリックして「要素を調べる」、FirefoxでFireBugを使用するなど) – joshuahealy

答えて

2

あなたはActionLinkのヘルパーの正しいオーバーロードを使用していないので、あなたはそれに任意のCSSクラスを適用していません。ここで

は、あなたが使用し、過負荷です:

@Html.ActionLink(
    "World Wide Web",    // linkText 
    "WWW",       // actionName 
    new { @class = "NameStyle" }  // routeValues 
) 

、ここではそれが生成されるマークアップです:

<a href="/Home/WWW?class=NameStyle">World Wide Web</a> 

私はあなたはそれが動作するように期待するかもしれないとして、これが動作しない理由を理解だと思います。

@Html.ActionLink(
    "World Wide Web",    // linkText 
    "WWW",       // actionName 
    null,       // routeValues 
    new { @class = "NameStyle" }  // htmlAttributes 
) 

生成します:

<a class="NameStyle" href="/Home/WWW">World Wide Web</a> 

を今すぐあなたの.NameStyleクラス定義が実際に考慮される可能性があります

そして、ここであなたが使うべき正しい過負荷です。

1

間違ったオーバーロードを使用しています。

今は、RouteValuesパラメータにCSSクラスを渡しています。

は、それがどのようなテキストの装飾を持っているん

@Html.ActionLink("World Wide Web", "WWW", null, new { @class = "NameStyle" }) 
関連する問題