2012-03-27 3 views
1
@Html.ActionLink("Edit Me", "Edit", new { id=item.ID }) 

上記の例では、「編集」を太字にするにはどうすればよいですか?私はテキストの周りに<b></b>を配置しようとしましたが、太字タグは文字通り表示されます。 「編集」の代わりに「<b> Edit Me </b>」と表示されます。このリンクのテキストを太字にするにはどうすればよいですか?

ありがとうございます!

PS - MVC 4ベータ版を使用していますが、そのようなタグは表示されません。

答えて

5

最も簡単な方法は次のようにスタイル属性を使用している:

@Html.ActionLink("Edit Me", "Edit", new { id=item.ID, style="font-weight:bold;" })

か、大胆であることを、あなたのCSSで定義したクラスを設定することができます

@Html.ActionLink("Edit Me", "Edit", new { id=item.ID, @class="yourBoldClass" })

CSS:.yourBoldClass { font-weight: bold; }

+3

優れている=仕事と、クラスが予約済みのキーワードで、フィールドとして使用することはできません名。 –

+0

Fredrik C:いい答えですが、Peterが指摘しているように[at]クラスを使用するようにサンプルを更新できますか?私はこれを1として書き直します:好みの方法は、@ classを使うCSS経由であり、(リスト2)スタイルを直接使う最も簡単な方法です – RickAndMSFT

1

リンクテキストにhtmlを挿入することはできませんHtml.ActionLink

は「手で」<a>を書く(または新しいヘルパーを作成する):

<a href="@Url.Action("Edit", new { id=item.ID })"><b>"Edit Me"</b></a> 

あるいはリンクするクラスを追加し、CSSで「太字」を行います。

2

私はそれがクリーンなアプローチではないと思うので、私は通常ACtionLinkメソッドにスタイルを適用しません。代わりに、私はCSSクラスを使用すると、そこに自分のスタイルを定義し、この

@Html.ActionLink("Edit Me", "Edit","yourControllerName", new { id=item.ID },new {@class="yourClassName"}) 

ように私のリンクであることを使用して、あなたがここに

をこのコンストラクタを使用しているこの

.yourClassName 
{ 
    font-weight:bold; 

} 

のようなCSSクラスを持っていますここで

public static MvcHtmlString ActionLink(
    this HtmlHelper htmlHelper, 
    string linkText, 
    string actionName, 
    string controllerName, 
    Object routeValues, 
    Object htmlAttributes 
) 

はドキュメントです:http://msdn.microsoft.com/en-us/library/dd504972.aspx

2

あなただけのpすることができますそのように> < B> </Bの間のあなたのURLをユタ:

<b> @Html.ActionLink("Edit Me", "Edit", new { id=item.ID }) </b> 

が、CSSを使用したバージョンは、クラス@

関連する問題