Question

我有这样的HTML：

＆＃13;

<div class="row">
  <div class="col-xs-12">
    <form>
      <div class="form-group">
        <label for="vipResult">Result</label>
        <textarea class="form-control result" id="vipResult"></textarea>
      </div>
    </form>
  </div>
</div>

＆＃13;

它显示如下：

现在我想改变textarea的高度。我尝试为它设置height: 200%，但它不起作用。也许我应该改变行的高度，我该怎么做？

Answer 1

//更改行使用的高度

textarea{height:200px;}

Answer 2

如果您的代码中有多个textarea元素，请为每个元素使用单独的ID来单独设置它们的样式。或者你可以像这样使用它

<textarea style= "height:200px;"></textarea>

这是另一种样式化html元素的方法。希望这会有所帮助。

Answer 3

#textareaheight{
    		height:200px;
    	}

<form>
    		<textarea type="text"  name="text" class="form-control" id="textareaheight"></textarea>
    	</form>

您可以尝试使用此代码进行身高。

您可以在此处使用带有ID标记

的height:200px

<head>
<style>
    #textareaheight{
        height:200px;
    }
  </style>
</head>
<body>
<br><br><br>
    <div class="col-md-4 col-md-offset-4">
    <form>
        <textarea type="text"  name="text" class="form-control" id="textareaheight"></textarea>
    </form>
    </div>

如何设置bootstrap行的高度？

3 个答案: