gpt4 book ai didi

html - 输入[类型 ="checkbox"] :checked + span doesnot work in IE8?

转载 作者:行者123 更新时间:2023-11-28 07:47:24 26 4
gpt4 key购买 nike

input[type="checkbox"]:checked + span 在 IE 中不起作用。实际上,当检查元素完成时,在开发人员工具中甚至看不到样式规则。

<label>
<input type="checkbox" name="Hello" id="Hello"/>
<span>Hello</span>
</label>

CSS:

input[type="checkbox"]:checked + span {
font-weight:bold;
}

选中该复选框后,我试图将跨度设为粗体。这在 Chrome 中有效,但在 IE8 中无效。另外,o 验证为什么它不起作用,我试图检查元素,我确实在那里找到了这个样式规则。希望这是清楚的。

还有其他解决办法吗?

最佳答案

如前所述,IE8 不支持 :checked,因此可以使用 JavaScript 解决方案,例如:

<!DOCTYPE html>
<html>
<body>

<style>
/*
input[type="checkbox"]:checked + span {
font-weight:bold;
}*/
</style>
<label>
<input onchange="on_click()" type="checkbox" name="Hello" id="Hello"/>
<span id ="hello">Hello</span>
</label>

<script>
count = 0;
function on_click() {
var hello = "Hello";
count = count + 1;
if (count % 2 == 0) {
document.getElementById("hello").innerHTML = hello;

} else {

document.getElementById("hello").innerHTML = hello.bold();
}
}
</script>
</body>

希望这对您有所帮助!

关于html - 输入[类型 ="checkbox"] :checked + span doesnot work in IE8?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30623763/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com