Html.TextAreaFor 너비가 변경되지 않습니다

ASP.NET MVC보기에서 텍스트 영역 너비를 변경하는 방법? 이 문제에 대한 질문은 여기를 읽었지만 아무런 도움이되지 않았습니다.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

하지만이 텍스트 영역을 모델링해야합니다. 의지, 면도기없이 어떻게 할 수 있습니까? – bambi

프로젝트에 제공된 Site.css가 있습니까? ?? –

Bcoz는 텍스트 상자와 텍스트 영역의 너비가 300px로 설정되어 있고 _Layout 페이지에서 사용한 경우 값을 무시할 수 있습니다. –

열기 개발자 도구 및 브라우저에 입력 요소를 찾을 수 있습니다. 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

답변