Текстовое поле MVC3 - создать пользовательскую ширину

Question

Привет! Я хочу увеличить ширину моего текстового поля.

Представление, которое генерируется, использует @ Html.EditorFor, который, как я заметил, я не могу изменить и не могу добавить к нему стиль CSS

Итак, я проверил, TextAreFor, и он работает, но он создает полосу прокрутки, так как это текстовая область

, например

@Html.TextAreaFor(model => model.Name, new { cols=50, @rows=1 })

Как бы я удалил полосу прокрутки? так это выглядит как текстовое поле? или есть другой способ создать текстовое поле с пользовательской шириной?

Спасибо

Answer 1

Вы можете использовать TextBoxFor метод HTML Helper для генерации элемента ввода с пользовательским классом, подобным этому

  @Html.TextBoxFor(m => m.Name, new { @class="yourCustomClass" })

и теперь вы можете определить свои собственные стили в этом классе

.yourCustomClass
{
  width:340px;
}

Answer 2

Может

@Html.TextBoxFor(m => m.Name, new { @style="width:150px; height:50px; overflow:hidden;" })

Answer 3

Используйте класс CSS со следующим утверждением:

overflow:hidden