Textarea Height在Bootstrap模式中不起作用

Question

我在我的ASP.NET Web应用程序中使用以下代码有一个模态对话框：

        <div class="modal fade" id="mdlNewNote" tabindex="-1" aria-labelledby="mdlNewNoteLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="mdlNewNoteLabel">Add New Note</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form class="was-validated" id="frmNote" name="frmNote" method="post">
                        <div class="modal-body">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="form-floating col-sm-12">
                                        <textarea class="form-control" rows="10" id="NoteBody" name="NoteBody"></textarea>
                                        <label for="NoteBody">Notes</label>                                    
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Save</button>
                            <button type="button" class="btn btn-success" data-bs-dismiss="modal">Close</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

在该块中，有一个＆lt; textarea＆gt;元素，我希望根据模态在其行计数中进行尺寸，设置为10。但是，它实际上仅在模态中显示三行，如下所示：

我如何修复它，以便＆lt; textarea＆gt;元素是应有的（基于给出的行数）而不是现在显示的3行？

Answer 1

使用Bootstrap，您必须使用以下方式覆盖高度：

.specific-textarea { height: 100% !important; }

CF：
https://stackoverflow.com/a/58398265/12172974

Answer 2

使用html进行文本方面的尺寸。

<label for="story">Tell us your story:</label>

<textarea id="story" name="story"
          rows="5" cols="33">
It was a dark and stormy night...
</textarea>

资料来源： https：// https://developer.mozilla.org/en--en------------- us/doc/web/html/element/textarea