使用标签内的图像作为复选框可在VS2017中使用,但不适用于VS2019吗?

时间:2019-06-19 23:04:17

标签: html css vb.net

因此,我遵循了此问题中概述的最佳解决方案:

Use images like checkboxes

该代码在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>"

0 个答案:

没有答案