html - 为什么我的 CSS 没有在 textarea 上生效？

Question

我不明白为什么我使用的 CSS 对文本区域没有影响。 textarea 的 id 是“addquestion”，这是我在我的 CSS 中使用的，但无济于事。内联 CSS 有效，但不能通过我单独的样式表。我可以验证样式表确实链接正确，因为还有另一个元素工作正常，只是这个文本区域没有受到影响。

#addquestion {
  width: 20px;
  height: 120px;
  border: 3px solid #cccccc;
  padding: 5px;
  font-family: Tahoma, sans-serif;
  background-image: url(bg.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

<form>
	<div class="section">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
							<textarea class="form-control" rows="3" id="addquestion" style="width:20px;" placeholder="Find this for me..."></textarea>
					</div>
					<div class="form-group">
						<div class="input-group" id="addtags">
							<input type="text" class="form-control" placeholder="Tags">
						</div>
					</div>
					<div class="form-group">
						<div class="input-group" id="addmoney">
							<span class="input-group-addon">$</span>
							<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
						</div>
					</div>					
				</div>
				<div class="col-md-6">
					<input type="file" id="main_upload_file">
				</div>
			</div>
		</div>
	</div>
	<div class="section">
	  <div class="container">
		<div class="row">
		  <div class="col-md-12 text-center">
			<a class="btn btn-success" type="submit">Submit</a>
		  </div>
		</div>
	  </div>
	</div>
</form>

Answer 1

您可以尝试将 css 文件中的#addquestion 更改为 textarea。当然，除非您有其他文本区域。