Изменить размер шрифта для Mvc TextboxFor

Я изо всех сил пытаюсь изменить размер шрифта для MVC TextBoxFor?

Я могу изменить размер шрифта при использовании:

ввод, текстовое поле {}

Но это меняет все мои входные размеры. Я также попытался добавить класс css в свой TextboxFor:

@Html.EditorFor(model => model.UserName, new { @Class = "Mytextarea" })

css

.Mytextarea {
    font-size: 0.85em !important;
    height: 14px !important;
    color: #333 !important;
    /*font-family: inherit;*/
    width: 300px;

}

Это не повлияло.

Мои TextBoxFor огромны и громоздки, и у меня нет возможности их изменить. Если возможно, я хотел бы установить стили, чтобы изменить их все сразу.

Редактировать:

введите описание изображения здесь

введите описание изображения здесь


html css asp.net-mvc html.textboxfor
person Pomster    schedule 05.06.2014    source источник
comment
Вы видели раздел html-элемента инструмента отладки chrome / firefox (нажмите f12) и проверили, какой класс css был применен?   -  person Murali Murugesan    schedule 05.06.2014
comment
@Murali Да, там написано однострочное текстовое поле, я понятия не имею, откуда этот стиль. Это класс, который ему дан, стиль выглядит так, как будто он принимает ввод, раскрывающийся список. .... Но это текстовое поле: \   -  person Pomster    schedule 05.06.2014
comment
Можете ли вы добавить снимок с помощью хромированной консоли? Это должно быть только из какого-то файла css   -  person Murali Murugesan    schedule 05.06.2014
comment
@Murali См. Отредактировать.   -  person Pomster    schedule 05.06.2014
comment
Вы используете какой-либо другой плагин для форм? Вы уверены, что в правильном ракурсе вы смотрите на него? Я не вижу проблем в MVC EditorFor. можно попробовать с маленькими буквами @ class = yourclass   -  person Murali Murugesan    schedule 05.06.2014
comment
Я даже не вижу .Mytextarea в окне отладки. Это правило css есть в вашем site.css?   -  person Blaise    schedule 05.06.2014
comment
@Murali я щелкнул по элементу проверки, чтобы это было правильное поле. Я использую MVC 4 без плагинов для текстового поля   -  person Pomster    schedule 05.06.2014
comment
@Blaise да, я добавил это на свой site.css   -  person Pomster    schedule 05.06.2014
comment
Тогда вы используете бандлинг? Вы восстановили решение?   -  person Blaise    schedule 05.06.2014
comment
@Blaise, посмотри на опубликованный html. У него нет класса Mytextarea. Значит, он вообще не применялся. Я подозреваю, что Pomster выглядит / закодирован с другой точки зрения   -  person Murali Murugesan    schedule 05.06.2014
comment
хорошо, я предполагаю, есть ли ссылка на ваш site.css в App_Start/BundleConfig.cs   -  person Blaise    schedule 05.06.2014
comment
Я смотрю на опубликованный вами снимок экрана и обнаруживаю, что .Mytextarea там нет.   -  person Blaise    schedule 05.06.2014
comment
Вы пробовали изменить его на @class, как сказал Мурали? Если да, попробуйте ctrl+f5 на странице на тот случай, если браузер кэшировал файл css.   -  person Moe Bataineh    schedule 05.06.2014

Ответы (1)


arrow_upward
2
arrow_downward

Итак, вы начинаете свой вопрос с вопроса о TextBoxFor, но ваш фактический код ссылается на EditorFor.

При использовании расширения EditorFor вам необходимо написать собственный шаблон редактора для описания визуальных компонентов. Если вы этого не сделаете, он будет использовать шаблон по умолчанию, отсюда "text-box single-line".

См. этот ответ для быстрого объяснения того, как создать шаблон, который можно назначить помощнику EditorFor. Или просто используйте TextBoxFor вот так.

@Html.TextBoxFor(model => model.UserName, new { @Class = "Mytextarea" })
person Zack Huber    schedule 05.06.2014