TextAreaFor не может установить ширину

Я не могу установить ширину или cols в atextarea. Строки/Высота отлично работают. может кто-то, пожалуйста, помогите спасибо!

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    @Html.ValidationSummary(true)
    @Html.TextAreaFor(model => model.Comments, new {cols=60, rows=10})
    @Html.HiddenFor(model => model.UserName, new { UserName = @User.Identity })

    <div class="form-group">
        <div class="col-md-10">
            <input type="submit" value="Submit Feedback" class="btn btn-default" />
        </div>
    </div>
}

Любые советы или советы были бы очень полезными! спасибо

Представленный HTML (я удалил имя и текст значения по соображениям безопасности:

<form action="/feedback/create" method="post"><input name="" type="hidden" value="">        
<textarea name="Comments" id="Comments" rows="10" cols="60"></textarea>
<input name="UserName" id="UserName" type="hidden" value="" username="System.Security.Principal.WindowsIdentity">        

<div class="form-group">
        <div class="col-md-10">
            <input class="btn btn-default" type="submit" value="Submit Feedback">
        </div>
 </div>

EDIT:

Я могу установить ширину textarea через CSS, но только до определенного расширения (возможно, 15% экрана)

Ответы

Ответ 1

поэтому я понял, что это проблема с загрузкой, импортированной в проект ASP.NET MVC5. Ответ легко. Просто установите CSS тоже

    max-width: 1000px;
    width: 1000px;

Это исправляет его для всех типов данных. Textarea, ввод и т.д.

**** ОБНОВЛЕНИЕ 8/26/2014 ****

Изменен мой ответ, чтобы задуматься о комментариях. Используйте проценты, а не px, чтобы сохранить отзывчивость. CSS должен быть:

    max-width: 100%;
    width: 100%;

**** ОБНОВЛЕНИЕ 8/29/2016 ****

Это было исправлено с помощью Bootstrap 3. Добавьте класс-контроль класса, который применяет вышеуказанный стиль

     @Html.TextAreaFor(x => x.Note, new { @class = "form-control", rows = "3" })

Ответ 2

Похоже, что это отпадает, чтобы предотвратить создание видимых видов в виде форм полной ширины.

Однако теперь мы знаем, что он установлен, мы можем переопределить его локально либо в классе, либо непосредственно на элементе (показанном просто для простоты ниже).

Ключ должен помнить о том, чтобы установить max-width, чтобы переопределить значение в site.css, а также свойство CSS ширины.

@Html.TextAreaFor(model => model.Comments, 10, 120, htmlAttributes: new {style="width: 100%; max-width: 100%;" })

Ответ 3

Вы можете добавить атрибут класса:

@Html.TextAreaFor(model => model.Comments, new {cols=60, rows=10, @class="form-control" })

Ответ 4

У меня была одна и та же проблема, и я нашел следующий фрагмент CSS в моем Site.css(который я прокомментировал).

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

Ответ 5

Ваш код отлично работает для меня. Проверьте fiddle demo

Проблема заключалась бы в style=width:something

Лучше проверить CSS и попытаться исправить с помощью консоли firebug/chrome