Html 检查输入时修改标签样式失败
我在修改属于特定输入的标签时遇到问题。 当选中适当的输入复选框时,修改后面的div不会出现问题。但是,如果我尝试对标签使用smae方法,它将失败。此外,如果我在标签周围加上一个div,并尝试访问它,而不是检查标签上的适当输入,那么它也无法执行任何操作 我的问题主要是我做错了什么 HTMLHtml 检查输入时修改标签样式失败,html,css,Html,Css,我在修改属于特定输入的标签时遇到问题。 当选中适当的输入复选框时,修改后面的div不会出现问题。但是,如果我尝试对标签使用smae方法,它将失败。此外,如果我在标签周围加上一个div,并尝试访问它,而不是检查标签上的适当输入,那么它也无法执行任何操作 我的问题主要是我做错了什么 HTML AFAIU,标签标签仅用于输入标签。不能将其与div标记一起使用。它通过输入id进行链接。您试图将它们链接到没有任何id的div。Tnx。从本质上说,标签是css目标被选中而标签没有生效的原因。Tnx在那里!
AFAIU,标签标签仅用于输入标签。不能将其与div标记一起使用。它通过输入id进行链接。您试图将它们链接到没有任何id的div。Tnx。从本质上说,标签是css目标被选中而标签没有生效的原因。Tnx在那里!
<input type="radio" id="TabOne" class="sheet-TabOne" name="Tab" checked="checked" />
<input type="radio" id="TabTwo" class="sheet-TabTwo" name="Tab" />
<div class="sheet-TabHeader">
<label for="TabOne" class="sheet-TabOne">One</label>
<label for="TabTwo" class="sheet-TabTwo">Two</label>
</div>
<div class="sheet-TabContent sheet-TabOne">
First content
</div>
<div class="sheet-TabContent sheet-TabTwo">
Second content
</div>
label.sheet-TabHeader {
float: left;
width: auto;
border: 2px solid #A52A2A;
width: 150px;
height: 20px;
font-size: 18px;
background: #fff;
color: black;
}
input.sheet-TabOne:checked ~ label.sheet-TabOne,
input.sheet-TabTwo:checked ~ label.sheet-TabTwo
{
background: black;
color: red
text-shadow: 0px 0px 5px black,0px 0px 5px black,0px 0px 5px black;
}
div.sheet-TabContent {
display: none;
clear: left;
}
input.sheet-TabOne,
input.sheet-TabTwo
{
display: none;
}
input.sheet-TabOne:checked ~ div.sheet-TabOne,
input.sheet-TabTwo:checked ~ div.sheet-TabTwo
{
display: block;
}