取消选中复选框时禁用：悬停效果

Question

如何删除＆＃34; hover＆＃34;或取消选中复选框后隐藏它。现在，当我取消选中一个复选框时，悬停效果仍然存在，使其看起来非常奇怪（见图片）。当用户取消选中它时，看起来复选框已被选中，但悬停效果仍然是

Hoover effect pic

编辑：

胡扯在css中看起来像这样

.myclass:hover + span { 
position: absolute;
margin: 0px;
background-image: url(../img/image.svg);
background-size: cover;
background-color: #fff;
border: none;
width: 18px;
height: 18px;
left: 93.2%;
top: 52px;

}

Answer 1

确保通过类添加悬停，然后在取消选中该框时删除悬停类：

def home(request):
    return render(request, "index.html", context)