Jak mogę zastosować stylizację do asp.net mvc @ Html.TextboxFor?

Question

Chcę zmienić tło pola tekstowego. To jest mój kod:

@Html.TextBoxFor(p => p.Publishers[0].pub_name) 

Co jeszcze muszę napisać w TextBoxFor, aby zmienić tło?

góry dzięki :)

Answer 1

Przeciążenie metody TextBoxFor pozwala przekazać obiekt do atrybutów HTML.

@Html.TextBoxFor(p => p.Publishers[0].pub_name, new { Class="YourBackgroundClass" }) 

Wtedy można mieć regułę CSS, takie jak:

.YourBackgroundClass { background:#cccccc; } 

Jeśli chcesz zastosować styl bezpośrednio można zrobić:

@Html.TextBoxFor(p => p.Publishers[0].pub_name, new { Style="background:#cccccc;" }) 

Answer 2

W moim przypadku zrobiłem jak poniżej . Mam aplikację ASP.NET MVC i używamy Bootstrap. Dałem float: pozostawiony wszystkim moim elementom div. Chciałem tylko pokazać, jak można wykorzystać @style wraz z @class dla @ Html.TextBoxFor

<div class="modal-body" style="height:auto; overflow-y:auto;max-height:500px;"> 
    <table style="width:100%" cellpadding="10"> 
    <tr> 
     <td> 
     <div style="display: inline; "> 
      <label style=" float:left; margin-right:20px;">Login Name: </label> 
      @Html.TextBoxFor(m => Model.UserPrincipalName, new { @id = "LoginName", @class = "form-control", @style = "float:left;margin-right:10px;margin-top:-5px;" }) 
      <a href="#" onclick="SearchActiveDirectoryByLoginName()" title="Search Active Directory" class="btn btn-primary" style="float: left; margin-top: -5px;"> 
        @Html.Raw(" Search ") 
      </a> 
     </div> 
     </td> 
     </tr> 
    </table> 
</div>