当两个标签都包裹在DIV中时,根据复选框对标签进行样式设置

皮特

这是我的HTML设置:

<div class="form-item">
    <input type="checkbox" id="my-check">
</div>
<div class="form-item">
    <label for="my-check">I'm a checkbox</label>
</div>

在CSS的所有领域中,是否有任何方法可以根据是否选中该复选框来设置标签样式?(不更改当前的HTML结构吗?)

燃烧灯

不幸的是,您不能在不更改HTML的情况下使用CSS根据复选框的状态来设置标签样式。到目前为止,CSS选择器支持子选择器和同级选择器,但是尚无选择器可基于另一个元素的子元素来设置一个元素的子元素的样式。您可以在以下位置找到CSS元素组合器的完整列表:http : //www.w3.org/TR/css3-selectors/#combinators

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

选择h2标签的前两个单词并包裹在span标签中

来自分类Dev

单击复选框后如何设置标签标签的样式?

来自分类Dev

居中对齐包裹在div中的两个元素

来自分类Dev

在div中制作两个互斥复选框

来自分类Dev

是否可以在::选中的复选框的标签前设置::样式?

来自分类Dev

如何使用标签设置多个附加复选框的样式

来自分类Dev

样式的复选框标签在选中时移动

来自分类Dev

复选框样式设置为非复选框-需要标签填充行

来自分类Dev

勾选两个复选框后,为什么不显示标签?

来自分类Dev

使用复选框在两个不同的标签内容之间切换

来自分类Dev

如何减少带有标签的两个复选框之间的垂直距离?

来自分类Dev

没有标签的样式复选框

来自分类Dev

根据屏幕尺寸更改Bootstrap中的复选框标签

来自分类Dev

根据屏幕尺寸更改Bootstrap中的复选框标签

来自分类Dev

选中复选框时移动复选框标签

来自分类Dev

在Bootstrap 3中选中时,将复选框标签设置为粗体

来自分类Dev

以模式设置复选框标签的文本

来自分类Dev

引导标签是否不包裹在DIV中?

来自分类Dev

复选框标签

来自分类Dev

复选框标签

来自分类Dev

当另外两个复选框已经“选中”时,复选框“自动选中”

来自分类Dev

通过单击复选框在两个下拉菜单中设置相同的值

来自分类Dev

我为带有标签的复选框设置了样式,但是我的JavaScript在IE8中不起作用

来自分类Dev

webkit-transform 在两个不同的复选框中添加时不起作用

来自分类Dev

设置带有单行标签的Bootstrap主题复选框的样式

来自分类Dev

PHP 在内容文本中查找标签并包裹在 <a> 标签中并设置限制链接数

来自分类Dev

自定义复选框样式-标签在选中/取消选中时跳转

来自分类Dev

当复选框在标签内移动时,与复选框关联的标签不起作用

来自分类Dev

在Firefox中,即在使用CSS进行样式设置时,复选框的外观有所不同

Related 相关文章

  1. 1

    选择h2标签的前两个单词并包裹在span标签中

  2. 2

    单击复选框后如何设置标签标签的样式?

  3. 3

    居中对齐包裹在div中的两个元素

  4. 4

    在div中制作两个互斥复选框

  5. 5

    是否可以在::选中的复选框的标签前设置::样式?

  6. 6

    如何使用标签设置多个附加复选框的样式

  7. 7

    样式的复选框标签在选中时移动

  8. 8

    复选框样式设置为非复选框-需要标签填充行

  9. 9

    勾选两个复选框后,为什么不显示标签?

  10. 10

    使用复选框在两个不同的标签内容之间切换

  11. 11

    如何减少带有标签的两个复选框之间的垂直距离?

  12. 12

    没有标签的样式复选框

  13. 13

    根据屏幕尺寸更改Bootstrap中的复选框标签

  14. 14

    根据屏幕尺寸更改Bootstrap中的复选框标签

  15. 15

    选中复选框时移动复选框标签

  16. 16

    在Bootstrap 3中选中时,将复选框标签设置为粗体

  17. 17

    以模式设置复选框标签的文本

  18. 18

    引导标签是否不包裹在DIV中?

  19. 19

    复选框标签

  20. 20

    复选框标签

  21. 21

    当另外两个复选框已经“选中”时,复选框“自动选中”

  22. 22

    通过单击复选框在两个下拉菜单中设置相同的值

  23. 23

    我为带有标签的复选框设置了样式,但是我的JavaScript在IE8中不起作用

  24. 24

    webkit-transform 在两个不同的复选框中添加时不起作用

  25. 25

    设置带有单行标签的Bootstrap主题复选框的样式

  26. 26

    PHP 在内容文本中查找标签并包裹在 <a> 标签中并设置限制链接数

  27. 27

    自定义复选框样式-标签在选中/取消选中时跳转

  28. 28

    当复选框在标签内移动时,与复选框关联的标签不起作用

  29. 29

    在Firefox中,即在使用CSS进行样式设置时,复选框的外观有所不同

热门标签

归档