web-dev-qa-db-ja.com

CSSを使用してテキストエリアの幅と高さを設定するにはどうすればよいですか？

ここに私のCSSがあります：

.editor-field textarea {
    width : 400;
    height : 100px;
}

これが私の見解からのマークアップです：

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

そして、これはMultilineText属性を示す私のモデルの注釈です：

    [DisplayName("Behavioral Observations")]
    [DataType(DataType.MultilineText)]
    public string BehavioralObservations { get; set; }

このテキストエリアの幅を設定できないのはなぜですか？私はCSSで高さを調整することができ、それは正しいように見えます（Chrome=開発者ツールで検証済み）が、幅は変わりません。Chromeは幅が無効なプロパティ値で、プロパティに隣接する黄色の三角形とともに、プロパティに取り消し線が適用されています。

参考までに、これはChromeに限定されません。 IE8にも同じ問題があります。

考え？どうすれば修正できますか？ありがとう！

cssasp.net-mvc
22
Joe

pxを中断しました：

.editor-field textarea {
    width : 400px;
    height : 100px;
}
30
Michael Gattuso

TextAreaForヘルパーメソッドを使用して、colsおよびrows htmlプロパティを設定してみてください。

サンプル

@Html.TextAreaFor(model=>model.MyMultilineText, new {rows="6", cols="10"})

この助けを願っています。よろしく。

52
vfabre

しばらく検索した後、最善の方法は、メソッドのoverloadsのいずれかを使用することですTextAreaFor（）

@Html.TextAreaFor(model => model.Visit.BehavioralObservations, 10, 40, new { HtmlAttributes = new { } })

10は行の数であり、40は列の数です

15
f4d0

コード：

@Html.TextAreaFor(m => m.Message, 30, 10, new { @class = "what" })
4
Onyekachi Achigbu

ASP MVCデフォルトプロジェクトにはsite.css with max-width:280 for textarea-それを削除して、このようなことを試してください

@Html.TextAreaFor(model => model.ComicText, new { style = "width: 700px; height:150px;" })
4
astronought

スタイルはリンクで指定できます

@ Html.TextAreaFor（model => model.values、new {style = "width：700px; height：200px;"}）

1
Vetronom