Html 选中时高亮显示图像

HTML

如何在选中时使图像“突出显示”？我可以做标签（粗体），但不是图像

使用

~

：

.chk:checked + .product-add-image-preview{
    border: 8px solid;
    border-color: #16bb65;
    margin: 2px;
}

+

仅选择紧接其后的元素

.chk:checked + .product-add-image-preview{
    border: 8px solid;
    border-color: #16bb65;
    margin: 2px;
}

.check-with-label:checked ~ .product-add-image-preview {
  /* style */
}