css - 无法更改文本框的大小

Question

我使用下面的代码，但无法更改文本框的大小以使其大于 700，如何将其更改为 1000？

<div class="form-group">
   @Html.LabelFor(model => model.Service, new { @class = "col-md-2 oper-label" })
      <div class="col-md-10">
        @Html.TextBoxFor(model => model.Service, new { @style = "width: 700px;" })
       </div>
      </div>
</div>

Answer 1

我不熟悉您使用的语言，但如果您只使用 HTML <textarea>它会起作用。

Bootply example

<div class="form-group">
      <div class="col-md-10">
        <textarea class="form-control" style="width: 700px;"></textarea>
      </div>
</div>

此代码将生成 <textarea>像这样有 700 像素宽:

调整宽度来改变文本区域的宽度。另一种选择是这样做，它会生成一个大约占浏览器宽度 80% 的文本区域:

<div class="form-group">
    <div class="col-md-10">
        <textarea class="form-control"></textarea>
    </div>
</div>