2014-11-23 4 views
0

Вот простой HTML-код из моего ASP .NET MVC 5 проекта:Невозможно изменить TextBoxFor ширина

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

    <div class="form-horizontal"> 
     <div class="form-group"> 
      @Html.TextBoxFor(model => model.Description, htmlAttributes: new { @class = "col-md-12", style = "Width:1000px" }) 
     </div> 

     <div class="form-group"> 
      <div class="col-md-12"> 
       <input type="submit" value="Create" class="btn btn-default" /> 
      </div> 
     </div> 
    </div> 

} 

Я пытаюсь получить текстовое поле, которое в ширину. Однако, независимо от того, что я пытаюсь использовать для значения ширины, ширина текстового поля остается маленькой.

я переехал из EditorFor в TextBoxFor надеясь, что будет лучше контролировать ширину :-(.

Пожалуйста, помогите мне понять, что это такое, что мне не хватает? С уважением.

+1

Вы также можете попробовать заменить 'style =" "' на '@style =" width: 400px; "' – Abbath

+0

Спасибо. Я пробовал это, но это не помогает. – Peter

+0

Возможно, ваш стиль перезаписывается с помощью другой вещи –

ответ

0

Вещь вы используете Bootstrap. Попробуйте удалить классы из внешней дивы или даже самонастройки полностью.

2

Этот вопрос был там на некоторое время, и я наткнулся на него, ища ответ на одной и те же проблемы.

оказывается по умолчанию VS t emplate поставляется с файлом под названием site.css, который включает в себя следующие стили:

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

Так что либо изменить максимальную ширину в этом стиле или переопределить максимальную ширину с другим правилом стиля.

+0

+1. У меня с ума сошел. Хорошо поймал. Этого вы точно не ожидаете. Благодаря! – Taysumi