asp.net - TextAreaFor Boostrap 基于数据库的只读高度

Question

您好我有一个基于用户输入的信息以只读方式显示的引导程序表单，其中包含多个文本区域。但是，如果用户输入了一个长电子邮件地址，则表单会切断电子邮件。如果用户输入小邮件或大邮件，有没有办法改变高度。

我尝试使用 textarea{ height: auto !important; min-height:38px;} 但这会改变所有信息的文本区域高度。

<div class=“col-md-6”&gt;

    @Html.TextAreaFor(m => m.Email, new { @readonly="readonly" } )

</div>

https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=read-only-input-and-textarea

标签： asp.netasp.net-mvcasp.net-corerazorbootstrap-4

Answer 1

如果您只想{ height: auto !important; min-height:38px;} 在 @Html.TextAreaFor(m => m.Email, new { @readonly="readonly" } ).You 上使用。您可以使用：

#Email {
        height: auto !important;
        min-height: 38px;
    }

@Html.TextAreaFor(m => m.Email, new { @readonly="readonly" } )会生成这样的html：，<textarea id="Email" name="Email" readonly="readonly">EmailContent</textarea>所以如果你只想改变html，你可以使用#Email{xxxx}。