html - 复选框底部边框在Internet Explorer中不可见

复选框在Chrome浏览器中工作正常，但在Internet Explorer中无法正常工作。

这是我的HTML代码：

<div class="patient-div-w" style="width: 9.5vw;">
  <input type="checkbox" id="edema" class="input-checkbox-l">
  <label class="label-n" for="edema" style="line-height: 8vh;">Edema</label>
  <br>
</div>

这是我的CSS代码：

input[type="checkbox"] {
    opacity: 0;
    margin: 0px 3px 0px 0px;
}

.input-checkbox-l[type="checkbox"] + label {
    background-image: url(../images/unchk.png);
    background-size: 1.2vw;
    background-repeat: no-repeat;
    padding-left: 1.7vw;
    background-position: 0vh 0vw;
    width: 8vw;
    margin: 0vw;
    position: relative;
    top: -.1vh;
    left: -1.6vw;
    white-space: nowrap;
    font-family: "Roboto Regular";
}


.label-n {
    font-size: 1vw;
    color: #000;
}

单选按钮的问题也相同。
任何帮助都将受到高度赞赏。

最佳答案

尝试这个：

假设.patient-div-w的父级是.parent-div。因此，我们需要执行以下操作：

.parent-div{
  overflow: auto;
  zoom: 1;
}

这是一个非常普遍的问题。您可以阅读有关它的更多信息here

关于html - 复选框底部边框在Internet Explorer中不可见，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47668817/