在google chrome v69

Question

在使用Chrome版本69.0.3497.100（正式版本）（64位）时，我遇到了奇怪的CSS行为，这在Edge和较旧版本的Chrome版本68.0.3440.106（正式版本）（64位）中不会发生位）。

在html中使用css中的以下属性之一定义网格时：

-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

由网格的行单元格左边框定义的垂直线的颜色被覆盖。

例如，请参阅附加的jsfiddle链接。

全网格CSS： https://jsfiddle.net/6ys9q780/

将问题最小化以显示问题： https://jsfiddle.net/mrfuq5c9/

这是Chrome的错误，还是我做错了什么？

感谢您的帮助。

.uiGrid {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); 
}

.uiGrid.uiGridView.uiGridRow > td {
  border-left: 10px solid blue;
  padding-left: 4px; 
}

Answer 1

这确实在70.0版中已修复，因此可能是一个错误。 感谢vals提供的信息。