ASP.NET MVC5 Font-awesome in placeholder

Question

Я пытаюсь добавить шрифт-удивительный значок к моему заполнителю для страницы входа. Это то, что у меня есть до сих пор. Я не могу понять, как получить значок шрифту удивительным внутри текстового поля (как заполнитель)

@Html.TextBoxFor(m => m.UserName, new { @class = "form-control login-input", placeholder = "Username or Email"}) 

я нашел как добавить заполнитель here вопрос, но не так, как добавить значок.

Спасибо!

Answer 1

Это должно работать для вас:

@Html.TextBoxFor(m => m.Email, new { @class = "form-control login-input", placeholder = HttpUtility.HtmlDecode(" Username or Email"), style = "font-family:Arial, FontAwesome" }) 

нужно использовать шрифт удивительный код и добавить семейство шрифтов, а также HtmlDecode код.

Answer 2

Попробуйте следующее:

@Html.TextBoxFor(m => m.UserName, new { @class = "form-control login-input", placeholder = "Username or Email"}) 

.login-input::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f007  '; color: #69f }

<input class="form-control login-input" placeholder="Username or Email">