CSS中有许多可以应用于复选框的样式，其中一种常见的样式就是去掉复选框的边框。

input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: url('path/to/custom/image.png') no-repeat center center;
height: 20px;
width: 20px;
cursor: pointer;
}

上面的代码中，我们使用了appearance属性来解决不同浏览器的兼容性问题，然后将边框和轮廓都设置为了none，最后设置了背景图片、高度、宽度和鼠标指针形状。

如果想要复选框在选中状态下也显示不同的图片，可以使用:checked伪类：

input[type="checkbox"]:checked {
background-image: url('path/to/checked/image.png');
}

还可以使用:before或:after伪类来自定义一些额外的内容：

input[type="checkbox"]:before {
content: "❯";
color: #555;
font-size: 14px;
margin-right: 10px;
}
input[type="checkbox"]:checked:before {
content: "✔";
color: #1a73e8;
}

上面的代码中，在复选框之前添加了一个箭头或对号，并设置了不同的颜色和字体大小。选中状态下，箭头会变成对号，并改变颜色。

总之，通过CSS样式可以轻松地定制复选框的外观，去掉边框只是其中之一。