Jquery 选中CSS时将红色边框添加到复选框
我有这个HTML,我正试图添加一个边框1px纯红色的IMG时,复选框被点击。我已经添加了悬停事件,但我不知道在选中复选框时如何设置红色边框Jquery 选中CSS时将红色边框添加到复选框,jquery,html,css,checkbox,Jquery,Html,Css,Checkbox,我有这个HTML,我正试图添加一个边框1px纯红色的IMG时,复选框被点击。我已经添加了悬停事件,但我不知道在选中复选框时如何设置红色边框 <div class="row "> <div class="col-md-5 col-md-offset-1 col-centered "> <input type="checkbox" id="piega1" class=" servizioSection2 " name="imgSection2"
<div class="row ">
<div class="col-md-5 col-md-offset-1 col-centered ">
<input type="checkbox" id="piega1" class=" servizioSection2 " name="imgSection2" value="PiegaByWellaProfessionals">
<label class="piega" for="piega1">
<img src="img/piega1.png" for="piega1" alt="" class="img-responsive immaginePiega ">
</label>
<h1 class="immagineTitoloPiega">PIEGA BY WELLA PROFESSIONALS</h1>
</div>
<div class="col-md-5 col-centered piege">
<input type="checkbox" id="piega2" name="imgSection2" class="piege servizioSection2" value="Piega By System Professionals">
<label for="piega2" class="piega ">
<img src="img/piega2.png" for="piega2" alt="" class="img-responsive immaginePiega">
</label>
<h1 class="immagineTitoloPiega">PIEGA BY SYSTEM PROFESSIONALS</h1>
</div>
</div>
您可以通过组合
:选中的
和+
选择器
input.servizioSection2:checked + label img {
border:1px solid red;
}
您可以通过组合
:选中的
和+
选择器
input.servizioSection2:checked + label img {
border:1px solid red;
}
这适用于具有包含图像的标签的所有复选框类型输入。您正在查找复选框及其附带的标签
这适用于具有包含图像的标签的所有复选框类型输入。您正在查找复选框及其附带的标签。您需要jquery事件处理程序?您需要jquery事件处理程序?@Danielamatini很乐意帮助!:)@Danielematini很乐意帮忙!:)
input[type="checkbox"]:checked + label img {
border: 1px solid red;
}