Как переопределить ввод [type = "text"] для 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" })

Но единственное, что имеет значение, это ширина ввода [type = "text"].Я не хочу изменять все входные данные, только этот.

Я установил ширину в моем файле .css для .wide и # headline.

Answer 1

Перейти с

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

или

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

Answer 2

Почему бы вам не использовать затем ввод [name = "name"] или идентификатор для примера? И если вы хотите сделать один стиль более важным, чем другой, используйте! Важный в конце атрибута css. Как:

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

Надеюсь, это поможет.