0

使用此标记：

<label for="example">
  <textarea id="example" cols="40" rows="10"></textarea>
</label>

标签不随 textarea 扩展，因此 textarea 将自身推到表单中的以下字段下。

有谁知道如何使用 CSS 让标签扩展到 textarea 的大小？

我试过了：

label { display: table; }

以及标签和文本区域上的各种边距和填充，但无济于事。

4

1 回答 1

0

我认为您需要正确关闭文本区域，即使用关闭 </textarea> 标记 - 不过，我不确定标签是否以这种方式使用 - 也许 for 属性通过包含目标元素而变得多余与标签标签。:shrugs: 从下面的示例中删除 </textarea> 标记会使复选框消失，如果省略该标记，则页面显示将被破坏。:)

<!DOCTYPE html>
<html>
<head>
</head>
  <body>
    <label for="cb">
        <textarea id="example" cols="40" rows="10"></textarea>
    </label>
    <input type='checkbox' checked='true' id='cb'/>
  </body>
</html>
于 2012-09-27T01:00:09.567 回答