html - `<textarea>` 忽略 `width` 和 `height` 属性

Question

如何在 HTML 中设置文本区域的高度和宽度？

它们似乎被忽略了，默认值为 rows和 cols用于确定 <textarea> 的大小相反。

我正在查看 this page使用 Firefox 62。

    textarea   {
		font-family:	serif;
		text-align:	left;
		border-top:	3px solid black;
		border-left:	3px solid black;
		border-bottom:	3px solid #808080;
		border-right:	3px solid #808080;
		}

    div.row {	white-space:	nowrap; }

    label.column1 {
		font-family:	sans-serif;
		font-weight:	bold;
		text-align:	right;
		vertical-align:	top;
		padding:	0px 3px 0px 3px;
		margin-top:	1px;
		float:		left;
		width:		15em;
		}

<div class="row" id="blogMsgRow">
      <label class='column1' for='message'>    
	    Message:
      </label>
      <textarea name="message" id="message" placeholder="[enter message]"
         	height='50%' width='80%'></textarea>
    </div>

Answer 1

您可以设置 width和 height在css .
<textarea>标签没有 width和 height属性。
百分比 height除非父元素 div 否则将不起作用, 有一个固定的高度。

textarea {
    font-family: serif;
    text-align: left;
    border-top: 3px solid black;
    border-left: 3px solid black;
    border-bottom: 3px solid #808080;
    border-right: 3px solid #808080;
    width: 80%;
    height: 150px;
}