很久以前,随着过时的浏览器(chrome38),人们可以制作盒子……
可以使用outline-color：invert来选择与背景完全相反的颜色.
今天,这样一个伟大的功能不再存在了:(你有没有想过我只想展示背景颜色相反的盒子的盒子？
(今天chrome(39)计算轮廓颜色：反转为轮廓颜色：透明.
在那个轮廓颜色之前：反转渲染到轮廓颜色：rgb(255,255,255)在黑色的底座上.)
谢谢你的想法.
解决方法
也许这对你有用吗？
.background {
display: inline-block;
margin: 10px;
padding: 20px;
}
.Box {
border: 3px solid white;
height: 100px;
width: 160px;
}
.invert {
mix-blend-mode: difference;
}
<div class="background" style="background: #ff0000"> <div class="Box invert"></div> </div> <div class="background" style="background: #000000"> <div class="Box invert"></div> </div> <div class="background" style="background: #ffffff"> <div class="Box invert"></div> </div>
