html - 将鼠标悬停在div上时如何显示复选框

Question

将鼠标悬停在 div 上时，我需要显示一个复选框（默认情况下隐藏）。这是我的html：

<div class="todoLeftImportance">
    <input type="checkbox" id="todoCheckbox">
</div>

当我将鼠标悬停在“todoLeftImportance”div 上时，我想显示其中的“todoCheckbox”。我玩过“显示：块”和“显示：无”，但我不知道如何通过 css 将 div 和复选框链接在一起。

标签： htmlcss

Answer 1

CSS供您参考，希望对您有所帮助：

#todoCheckbox{
display: none;
}

.todoLeftImportance:hover #todoCheckbox{
display:block;
}