复选框的自定义勾号不显示在边缘/ie上

复选框的自定义勾号不显示在边缘/IE上是由于浏览器的渲染差异导致的。在某些情况下，自定义的勾号可能会被浏览器默认的样式覆盖或者显示不完整。

为了解决这个问题，可以使用CSS样式来自定义复选框的勾号，并通过调整样式来确保勾号显示在边缘或者在IE浏览器上正常显示。以下是一种常见的解决方案：

使用伪元素::before或::after来创建自定义的勾号样式。
通过设置content属性为一个Unicode字符或者图片来显示勾号。例如，可以使用content: '\2713'来显示Unicode字符的勾号。
使用CSS样式来调整勾号的位置和大小，确保它显示在边缘。可以使用position属性、top和left属性来调整位置，使用font-size属性来调整大小。
针对IE浏览器，可以使用特定的CSS hack或者条件注释来应用特定的样式。例如，可以使用IE条件注释来针对IE浏览器设置特定的样式。

以下是一个示例代码，展示如何自定义复选框的勾号并确保在边缘和IE上正常显示：

<!DOCTYPE html>
<html>
<head>
<style>
.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.custom-checkbox label::before {
    content: '\2713';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.custom-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #00aaff;
    color: #fff;
}

/* IE hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .custom-checkbox label::before {
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        background-color: #fff;
    }

    .custom-checkbox input[type="checkbox"]:checked + label::before {
        background-color: #00aaff;
        color: #fff;
    }
}
</style>
</head>
<body>
<div class="custom-checkbox">
    <input type="checkbox" id="checkbox1">
    <label for="checkbox1">选项1</label>
</div>
</body>
</html>

在这个示例中，我们使用了伪元素::before来创建自定义的勾号样式，并通过调整样式确保勾号显示在边缘。对于IE浏览器，我们使用了特定的CSS hack来应用特定的样式。

对于腾讯云相关产品和产品介绍链接地址，由于不能提及具体的品牌商，建议您访问腾讯云官方网站，查找与云计算相关的产品和服务。腾讯云提供了丰富的云计算解决方案，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。