如何覆盖Html.TextBoxFor的输入[type =“text”]？

Question

我想在视图中设置一个特定文本框的宽度。无论我尝试过什么，Site.css中的以下代码优先：

input[type="text"], input[type="password"]
{
  // other properties
  width: 200px;
}

我试过了：

@Html.TextBoxFor(model => model.Headline, new { style = "width: 400" })

和

@Html.TextBoxFor(model => model.Headline, new { @class = "wide" })

和

@Html.TextBoxFor(model => model.Headline, new { @id = "headline" })

但唯一重要的是输入[type =“text”]宽度。我不想改变所有输入，只需改变这一点。

我确实在.css文件中为.wide和#headline设置了宽度。

Answer 1

为什么不使用输入[name =“name”]或id作为示例？如果你想让一种风格比另一种更重要，那么在css-attribute的末尾使用！important。像：

input[type="text"] {
    width: 200px;
}
input[name="foo"] {
    width: 500px !important;
}

希望有所帮助。

Answer 2

使用

.wide {
    width: 500px !important;
}
@Html.TextBoxFor(model => model.Headline, new { class = "wide" })

或

#wideBox {
    width: 500px;
}
@Html.TextBoxFor(model => model.Headline, new { id = "wideBox" })