2015-11-19 3 views
0

Привет всем Я хочу изменить высоту и ширину этого поля редактора. Я попытался изменить класс поля редактора, но он не изменил размер самого текстового поля, а не пространства вокруг текстового поля, я даже попытался добавив, что «новый {}», но не работает пожалуйста, помогите спасибо за ваше времяКак изменить поля редактора в mvc 4

<div class="editor-field"> 
         @Html.EditorFor(model => model.HomeAddress)<br> 
         @Html.ValidationMessageFor(model => model.HomeAddress) 
        </div> 

> legend { 
    font-size: 1.2em; 
    font-weight: bold; 

} 

textarea { 
    min-height: 75px; 

} 

.editor-label { 
    margin: 1em 0 0 0; 

} 

.editor-field { 
    margin: 0.5em 0 0 0; 
    height:10000px; 
    width:10000px; 
} 
+0

Возможный дубликат [MVC и EditorFor width] (http://stackoverflow.com/questions/4720909/mvc-and-editorfor-width) – CodeCaster

+0

См. [Дубликат] (http://stackoverflow.com/questions/4720909/MVC-и-editorfor ширина). 'EditorFor()' будет отображать заданный пользователем или встроенный шаблон редактора. Это не гарантируется ни одним, ни одним элементом HTML. Шаблон редактора теоретически не может выводить ничего или несколько элементов, поэтому невозможно применить к нему класс или стиль. Для этого вы должны использовать 'TextBoxFor()' или обернуть 'EditorFor()' в выбранном вами элементе, в котором вы создаете все элементы управления через CSS или создаете свой собственный шаблон редактора, содержащий нужный CSS. – CodeCaster

+0

Ему нужно настроить CSS для * редактора-поля *, поэтому этот вопрос довольно прост. – Robert

ответ

0

Вы можете использовать инструменты Dev в Chrome (F12), например, для анализа правил CSS, которые применяются к тому, что очень элемент. Более того, вы также можете настроить их «вживую», так что вы обычно быстро обнаруживаете, где и как менять стили. В вашем случае вы, вероятно, захотите изменить заполнение входного элемента.

+0

Спасибо за ответ так быстро, я попробую его – Julius

+0

Вы Добро пожаловать. В Dev Tools просто нажмите CTRL-SHIFT-C, а затем нажмите на поле ввода, чтобы увидеть иерархические правила CSS для этого элемента. – Robert

+0

Вопрос: «Как изменить стиль шаблона редактора в MVC» _, а не _ «Как использовать инструменты dev для поиска прикладных стилей» _. – CodeCaster

Смежные вопросы