將CSS應用於剃刀助手

以前，我使用HTML和CSS製作了自己的表單。我組合了CSS類和ID來創建所需的樣式。由於方便&來自Lynda.com視頻的建議，我想利用參考庫來允許客戶端表單驗證（使用jQuery驗證庫）。現在我正嘗試將我的類和id應用於自動生成的標籤和inputfields，但css幾乎沒有顯示。將CSS應用於剃刀助手

我的問題是：我會如何應用類和id的代碼，以便輸入字段和它們的標題顯示就像我以前使用的div元素。

以前的代碼

<div class="text" id="name">Name</div> 
<div id="name_input">@Html.TextBox("Name", null, new { @class = "textbox" }) 
</div> <br />

自動生成的代碼&我嘗試添加CSS

<!-- Name --> 
<div class="form-group"> 
    @Html.LabelFor(model => model.Name, htmlAttributes: new {@class = "text" }) 
    <div class="col-md-10"> 
    @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "textbox", @id = "input_name"}}) 
    @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger"}) 
    </div> 
</div>

來源

2017-10-10 Bug Catcher

最好是改變CSS而不是剃刀。嘗試按類製作CSS選擇器，不要使用ID如input_name。因爲@ Html.EditorFor（model => model.Name）會創建自己的ID，並且如果你使用htmlAttributes明確地改變了ID。輸入字段將會錯過服務器端驗證 –

這被證明是更好的選擇。和更多的靈活性。因爲這是一個評論，所以不能給你正確的答案。 –

-1

回答Rohilas Behera

這將是更好的改變CSS而不是剃刀。嘗試按類製作CSS選擇器，不要使用ID如input_name。因爲@Html.EditorFor(model => model.Name將創建自己的ID，並且如果您使用htmlAttributes顯式更改ID。輸入字段將錯過服務器端驗證。

來源

2017-10-10 21:37:04

將CSS應用於剃刀助手

回答

相關問題