主页 / 问题 / 905529
Accepted
Slam
Asked:2020-11-12 21:00:55 +0000 UTC2020-11-12 21:00:55 +0000 UTC

无法使用 :checked on css 更改背景

  • 772

有这么一段代码，按照思路，当你点击单选按钮的时候，div的背景色应该是这样的，但是不知为何并没有出现这种情况。一切看似简单，但并不清晰。我将不胜感激您的帮助！

.test{
	height:100px;
	width:100px;
	background: #000;
}
.check-game-blue:checked + .test{
	background: blue;
}
.check-game-red:checked + .test{
	background: red;
}
<label class="drop"><input type="radio" name="check-game" class="check-game-blue" checked>Синий</label>
<label class="drop"><input type="radio" name="check-game" class="check-game-red">Красный</label>
		
<div class="test"></div>

html

1 个回答

  1. Best Answer

    input从标签中取出并label通过ID链接它们

    也就是给标签label加一个属性使其for<label for="input_id">...</label>

    为标签添加input一个属性id以使其工作<input id="input_id" ...>

    <label for="blue" class="drop">Синий</label>
<input id="blue" type="radio" name="check-game" class="check-game-blue" checked>

<label for="red" class="drop">Красный</label>
<input id="red" type="radio" name="check-game" class="check-game-red">

<div class="test"></div>

    您css应该使用波浪号~而不是加号+。

    您可以在此处了解不同之处。

    • 1

相关问题