在 google chrome v69 中结合“变换”和网格单元格边框时的 CSS 问题答案

【问题标题】：CSS issue when combining "transform" and grid cell border in google chrome v69在 google chrome v69 中结合“变换”和网格单元格边框时的 CSS 问题
【发布时间】：2019-03-16 06:35:36
【问题描述】：

我在使用 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; 
}

【问题讨论】：

我看不到任何问题，但我使用的是 70.0 版...所以可能这是一个已解决的错误
@vals 我检查了，你是对的。谢谢。

标签： css html google-chrome css-transforms css-grid

【解决方案1】：

这确实在版本 70.0 中得到修复，所以可能是一个错误。感谢 vals 提供的信息。

【讨论】：