如何使光标与背景形成对比？

Question

对于我尝试过的浏览器（Chrome、Firefox 和 IE），内置十字光标在黑色图像上时变为白色，在白色图像上时变为黑色。有没有办法让自定义光标做到这一点？

div {
  height: 100px;
  width: 100px;
  border: 1px solid black;
}

.black {
  background-color: black;
}

.white {
  background-color: white;
}

.crosshair {
  cursor: crosshair;
}

<div class="black crosshair"></div>
<div class="white crosshair"></div>

Original fiddle.

非常感谢！

Answer 1

CUR 文件格式在here 中得到了合理的详细解释。特别是，它提到了以下内容：

单色（1 位）图标或光标仅包含四种可能的像素值：黑色、白色、透明和反转。透明或反转的像素可以是黑色或白色。调色板将仅包含两种颜色，即黑色（第 0 项）和白色（第 1 项）。透明色是显示像素的原始颜色。 Inverted 是显示像素的反色。