2017-01-23 4 views
1

内Html.ActionLinkを使用して、私のボタンを向上させることができますこれまでのところ、私はブートストラップボタンのスタイルを取り、それはdivの中にHtml.ActionLinkを持っているdiv要素があります。どのように私はスタイルのdiv

<div class="btn btn-success"> 
    @Html.ActionLink("Create New", "Create") 
</div> 

このディスプレイを正しい緑色の「成功」ブートストラップボタンをクリックし、「作成」アクションへのリンクを含む「新規作成」というテキストが表示されます。

しかし、問題は、a{}タグcssの結果として濃い青色のままですが、btn成功のBootstrapボタンクラスの結果として白くなることです。

また、テキストをリンクとしてクリックすることもできます。ボタン全体はクリック可能ではありません。

答えて

1

あなたのhtmlを変更してください。

@Html.ActionLink("Create New", "Create", null, new { @class = "btn btn-success" }) 

ブートストラップボタンとしてあなたのタグ

+1

そのBolt19のおかげで! :D – naz786

1

あなたは、あなたがすべきCSSでスタイル:表示ブロックは、全体のボタンを埋めるために、Aは、色、リンクの色になる原因となる

.btn-success a{display:block;color:#fff;} 

+0

このスタイルは、そのオマールいただきありがとうございます! :) – naz786

関連する問題