将css样式应用于@ Html.TextBox不起作用

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;
}

我做错了什么？有人可以帮帮我吗？

谢谢， 巴拉吉

Answer 1

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

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

Answer 2

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