Html.TextAreaFor ширина не изменяется

Как изменить ширину области текста в ASP.NET MVC View? Здесь я читал вопросы об этой проблеме, но ничего не помогло.Html.TextAreaFor ширина не изменяется

@Html.TextAreaFor(m => m.Suggestions, new { @class = "text-area", placeholder = "Unesite svoje prijedloge..." })

CSS:

.text-area { 
    width:50%; 
    height:100px; 
    color:#3A3A3A; 
    font-weight:bold; 
    font-style:italic; 
}

Все стили применяются кроме этого для ширины текстового поля. Я также попытался это:

@Html.TextAreaFor(m => m.Suggestions, new { rows = "7", cols = "70", @class = "text-area", placeholder = "Unesite svoje prijedloge..." })

Но никакого результата.

источник

2015-01-26 bambi

Это выглядит нормально (и работал для меня). Используйте инструменты разработчика, чтобы проверить элемент и проверить, действительно ли стили применяются. –

попробуйте увеличить ширину с помощью инструментов для обработки хрома и проверить, работает ли он! –

, или ваш блокирующий блок, содержащий текстовое поле, предотвращает его. –

HTML:

<form id="myform"> 
<textarea value=""> 
</textarea> 
</form>

CSS:

#myform textarea{ 
Width: 50%; 
height: 100px; 
}

источник

2015-01-26 00:29:15

Но мне нужно привязать эту область текста к модели. Сложности, как это сделать без Razor? – bambi

У вас есть предоставленный Site.css в вашем проекте .. ?? –

Bcoz имеет ширину текстового поля и текстового поля, установленного на 300 пикселей, и если вы использовали его на странице _Layout, то это может быть переопределение значений. –

Open инструменты для разработчиков и найти входной элемент в вашем браузере. Посмотрите, есть ли свойство max-width в элементе TextArea. Если это так, все, что вам нужно сделать, это следующий код для его перезаписи.

- Вы можете использовать этот код, если вы только связывание одной модели с вашей точки зрения

@Html.TextArea("NameOfElement", Model.propertyName, new {style = "max-width:100% !important;"})

--- ИЛИ ---

--- Используйте этот код является обязательным вы модель из списка моделей

@Html.TextAreaFor(m => m.propertyName, new {style="max-width:100%", @id = "ElementId"})

Примечание:

1) Если вы используете выше значение для макс ширина будет наследоваться от родительского контейнера.

2) Первым параметром в справке TextArea является имя элемента. Он также присваивает имя как elementID. В TextAreaFor вы должны явно назначить elementID, как показано выше.

источник

2016-06-21 18:02:17

Html.TextAreaFor ширина не изменяется

ответ

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