Css 包装在标签中的文本区域扩展到标签末端以外_Css

Css 包装在标签中的文本区域扩展到标签末端以外

css

Css 包装在标签中的文本区域扩展到标签末端以外,css,Css,使用此标记： <label for="example"> <textarea id="example" cols="40" rows="10"></textarea> </label> 标签和文本区域上都有各种各样的边距和填充，但都没有用。我认为您需要正确地关闭文本区域，即使用一个结束标记-尽管我不确定标签的使用方式-可能for属性由于用标签标记包围目标元素而变得多余：耸耸肩：从下面的示例中删除标记会使复选框消失，即如果省略标记，页面显示将

使用此标记：

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

标签和文本区域上都有各种各样的边距和填充，但都没有用。

我认为您需要正确地关闭文本区域，即使用一个结束标记-尽管我不确定标签的使用方式-可能for属性由于用标签标记包围目标元素而变得多余：耸耸肩：从下面的示例中删除标记会使复选框消失，即如果省略标记，页面显示将中断。：）

抱歉，这是我的复制粘贴错误，已修复。标签有一个

for

属性并包装文本区域，因为它能更好地与更大范围的屏幕阅读器配合使用。啊，明白了。我使用的是Chrome浏览器，点击文本区域的任意位置可以切换复选框。我不知道是浏览器问题还是屏幕阅读器问题。我已经解决了。推特的引导CSS和其他地方定义的CSS（

position:absolute

label的一些子项）之间的冲突似乎导致了这些问题。逐个关闭所有CSS规则帮助我找到了它。谢谢你和我一起提出想法，它帮助我找到了问题所在。

label { display: table; }

<!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>