.net - 如何使用 Razor 而不是 HTML 呈现 CSS

Question

我有一个使用此代码的 CSS

input[type="text"] {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: none;
    padding: 5px 8px;
}

并且 HTML 页面有以下代码来使用 CSS

<input id="product-name" type="text" required="required">

我想在视图中使用 Razor 来呈现名为 product-name 的文本框我该怎么做？

score 1 · Accepted Answer

您可以使用TextBox助手：

@Html.TextBox("product-name", null, new { required = "required" })

但我个人建议您使用视图模型：

public class MyViewModel
{
    public string ProductName { get; set; }
}

然后让控制器操作填充并将此视图模型传递给视图：

public ActionResult Index()
{
    MyViewModel model = new MyViewModel();
    model.ProductName = "some product name";
    return View(model);
}

现在您的视图可以被强输入到视图模型中：

@model MyViewModel
@Html.TextBoxFor(x => x.ProductName, new { required = "required" })

score 0 · Accepted Answer

您可以只添加帮助器并向其添加类属性以将其连接到 css..

@Html.TextBox("name", null, new { id = "product-name", @class = "textbox", required = "required" });

并且CSS将更改为

.textbox {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: none;
    padding: 5px 8px;
}

2 回答 2