Question

我有以下html：

<div class="bf_form_row">
    <label for="findout">Text goes here</label>
<textarea class="findOut" cols="40" id="findout" name="findout" rows="10"></textarea>
</div>

我试图找出如何设置'label'元素的样式而不能更改html。

理想情况下，我想为'textarea'元素之前的所有'label'元素设置样式，但我不认为只使用CSS。

我认为这个属性选择器可以工作：

label[for="findout"] {
    width: 100%;
}

但不，有什么想法吗？

Answer 1

有效。要查看它的实际效果，请尝试更改颜色。无论如何，如果你想宽度为100％，我建议添加display：block;

label[for="findout"] {
    display: block;
    width: 100%;
}

Answer 2

前两个课程使用： - 1] before_textarea 2] after_textarea

.before_textarea {
    width: 100%;
   // style to label which comes before teaxtarea
}

.after_textarea {
    width: 100%;
   // style to label which comes after teaxtarea
}

Answer 3

使用选择器：

.bf_form_row label
{
styles
}

这将选择父级内的所有标签元素，类为bf_form_row。

希望有所帮助：）

CSS属性选择器是否可以设置此元素的样式？

3 个答案: