ASP.NET MVC5 자리 표시 자 글꼴 굉장

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">