23

これが私の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 に限ったことではありません。IE8 にも同じ問題があります。

考え？これを修正するにはどうすればよいですか? ありがとう！

4

6 に答える 6

57

TextAreaForヘルパー メソッドと setcolsおよびrowshtml プロパティを使用してみてください

サンプル

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

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

于 2012-05-18T19:35:08.890 に答える
31

中断しましたpx:

.editor-field textarea {
    width : 400px;
    height : 100px;
}
于 2012-05-18T19:28:52.370 に答える
6

コード：

@Html.TextAreaFor(m => m.Message, 30, 10, new { @class = "what" })
于 2016-06-20T09:43:33.207 に答える
1

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

@Html.TextAreaFor(model => model.values, new {style = "幅: 700px; 高さ:200px;"})

于 2014-03-27T10:40:24.320 に答える