因此,我遵循了此问题中概述的最佳解决方案:
该代码在Visual Studio 2017中工作正常。我在VB代码中为复选框的标签内动态添加图像。单击这些标签时,它们将正确地重新格式化以直观地显示已选择图像。
但是,当我将此代码移到Visual Studio 2019中的更大项目中时,选中时图像变为绿色,但丢失了图像周围的边框,并且标签现在在图像底部可见。图像大小和边框阴影也不再改变。
有人知道为什么会发生这种情况吗?
工作正常的图片:https://imgur.com/a/hO3FZHT
版本损坏的图片:https://imgur.com/v7e6ypy
这是.css
label {
border: 1px solid black;
margin-right: 5px;
margin-top: 10px;
}
input[type="checkbox"]:checked + label {
border-color: limegreen;
transform: scale(0.9);
box-shadow: 0 0 5px #333;
z-index: -1;
filter: sepia(100%)contrast(50%) saturate(1000%) hue-rotate(423deg);
}
input[type="checkbox"] {
display: none;
}
此行在循环中,用于将图像动态添加到asp文字中:
HTMLCode = HTMLCode + "<input type='checkbox' class='check_with_label' name='check" + counter.ToString() + "' id='check" + counter.ToString() + "'autocomplete = 'on' /><label for='check" + counter.ToString() + "' class = 'label_for_check'><img class='PDFThumb' src='\Imports\TemporaryItems\image" + counter.ToString() + ".png' /></label>"