asp.net-mvc-3 - 将 css 样式应用于 @Html.TextBoxFor 不起作用

Question

我正在尝试将 css 类样式应用于 mvc3 razor 视图中的 @Html.TextBoxFor 控件。但我无法看到应用于控件的定义样式。下面是我的代码：

在我的 .cshtml 文件中，我的控件为：

@Html.TextBoxFor(model => model.project.ProjectName, new { @class = "myStyle"})

在 .css 文件中，我将样式定义为：

.myStyle
{
    width: 150px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.00em;
}

我究竟做错了什么？任何人都可以帮助我吗？

谢谢，巴拉吉

score 2 · Accepted Answer

如果您确定您的样式表已正确加载到页面（检查样式表的路径是否正确），则问题的可能原因可能是，其他一些样式覆盖了您定义的样式。用于IMPORTANT使其覆盖其他所有内容

input.myStyle
{
    width: 150px !IMPORTANT;
    font-family:Arial, Helvetica, sans-serif !IMPORTANT;
    font-size: 1.00em !IMPORTANT;
}

score 0 · Accepted Answer

.cshtml 代码对我来说看起来是正确的。我会检查生成的 HTML 源代码，以验证class="myStyle"ProjectName 输入中是否存在该源代码。如果它存在，那么问题出在您的 CSS 上（例如，另一种样式可能会被覆盖myStyle）。

2 回答 2