如何使元素的背景仅使用HTML和CSS切换复选框？文件_Html_Css

如何使元素的背景仅使用HTML和CSS切换复选框？文件

html css

如何使元素的背景仅使用HTML和CSS切换复选框？文件,html,css,Html,Css,比如说。我想单击红色框并使复选框切换。您可以将包含背景色的div包围在一个标签中，指向要切换的复选框。标签的for属性将包含复选框的id .myDiv{ 宽度：100px；高度：100px；背景色：红色；边缘顶部：1米；光标：指针； } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</tit

比如说。我想单击红色框并使复选框切换。

您可以将包含背景色的

div

包围在一个

标签中，指向要切换的复选框。标签的for
属性将包含复选框的id


.myDiv{
宽度：100px；
高度：100px；
背景色：红色；
边缘顶部：1米；
光标：指针；
}


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="checkbox"/>
    <div style="width: 100px; height: 100px; background-color: red;"></div>
</body>
</html>