通过输入选择html:checked - pure css

时间:2016-05-12 04:12:09

标签: html css html5 css3 css-selectors

只是想知道是否有人知道我可以在查找后直接选择和设置html标签的方式:在css中签入。

from requests.packages.urllib3.poolmanager import PoolManager

任何反馈都将不胜感激! :)

最好,乔纳森

1 个答案:

答案 0 :(得分:0)

您无法使用CSS选择父级。但是您可以使用class来完成这项工作。使用javascript向元素添加/删除类。选中checkbox后,将类添加到html,当取消选中复选框时,请删除html类。



var checkbox = document.getElementById("checkbox");
var html = document.getElementsByTagName("html")[0];

checkbox.addEventListener("change", function(){ 
    if (checkbox.checked)
        html.classList.add("checked")
    else
        html.classList.remove("checked")
});

html.checked {
    background: orange;
}

<label for="checkbox">Click on checkbox</label>
<input id="checkbox" type="checkbox" />
&#13;
&#13;
&#13;