如何重写Html.TextBoxFor的输入[Html.TextBoxFor“文本”？

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" })

但唯一重要的是inputtype=的“文本”宽度。我不想改变所有的输入，只有这个。

我在我的.css文件中为.wide和#标题设置了宽度。

Answer 1

为什么不使用inputname="name“或id作为示例呢？如果您想使一种样式比另一种样式更重要，请在css-属性的末尾使用！比如：

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" })