如何將@ font-awesome圖標添加到@ Html.TextBoxFor？

我有以下問題：如何將fa-user圖標添加到我的文本框中？如何將@ font-awesome圖標添加到@ Html.TextBoxFor？

我有下面的代碼：

@Html.AntiForgeryToken() 
@Html.ValidationSummary(true, "", new { @class = "text-danger" }) 
<div class="row"> 
    <div class="container col-md-12"> 
      @*@Html.LabelFor(m => m.UserName, new { @class = "control-label" })*@ 
      <i class="fa fa-user col-md-12" aria-hidden="true"></i> 
      @Html.TextBoxFor(m => m.UserName, new { @class = "form-control" }) 
      @Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" }) 
    </div> 
</div>

「我」元素不是在瀏覽我的網站視圖中可見。如果這是不可能的，將此圖標添加到我的網站有任何可能性？

來源

2016-07-05 Sowiarz

你可以做一個你目前擁有的jsfiddle嗎？ – Andrew

我敢肯定，你需要自己寫出HTML而不是使用HTML助手。 –

試試這個html –

由於這是你只需要看看生成的MVC的HTML和比較有代碼的圖標。代碼將如下：

<div class="input-group"> 
    <div class="input-group-addon"> 
     <i class="fa fa-envelope"></i> 
    </div> 
    @Html.TextBoxFor(m => m, new { @class = "form-control", @placeholder = "Email Address" }) 
</div>

請標記爲答案，如果我幫助。

來源

2016-07-05 12:21:00

如何將@ font-awesome圖標添加到@ Html.TextBoxFor？

回答

相關問題