如何将样式应用于asp.net mvc @ Html.TextboxFor？

Question

我想更改文本框的背景。这是我的代码：

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

我还需要在TextBoxFor中编写更改背景的内容吗？

Answer 1

TextBoxFor方法的重载允许您传递HTML属性的对象。

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

然后你可以有一个CSS规则，如：

.YourBackgroundClass { background:#cccccc; }

如果您想直接应用样式，可以执行以下操作：

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

Answer 2

就我而言，我确实喜欢以下内容。我有ASP.NET MVC应用程序，我们正在使用Bootstrap。我给了浮动：留给我所有的div元素。 只想展示如何将@style与@class一起用于@ 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>

Answer 3

现在您可以添加html属性，如下所示：

 @Html.EditorFor(p => p.Publishers[0].pub_name, new { htmlAttributes = new { @class = 
 "YourBackgroundClass" } })