在Chrome中编辑CSS规则时不要突出显示HTML区域

Question

在最新的Chrome版本上，我们获得了一些功能强大的CSS工具，可在编辑检查器中编辑任何规则时使用按钮创建规则并在每个受影响的区域上突出显示该功能，这非常有用，但也会使网站设计变得有些烦人。

如果我正在编辑诸如padding或的规则margin，它将在元素周围显示一个绿色或橙色区域，因为很难说出该彩色区域的边界在哪里，我更喜欢看到“ REAL”结果。

在下图上，我正在编辑填充，但看不到边框。

如果我想将边框颜色编辑为其他颜色，则线条颜色变为橙色，那么我看不到正在更改的颜色。

在下图中，我将边框颜色更改为灰色，因为您看到的是橙色边框。

如何禁用/关闭此功能？

谷歌浏览器版本73.0.3683.86

Answer 1

您使用的是旧版本，该问题已在新版本中修复。Chrome Version 74.0.3729.169和Canary Version 77.0.3812.0。

更新 chrome 后，如果您仍然遇到此问题，这里是解决方法。

将鼠标悬停在 DOM 树中选定的元素上。

没有鼠标悬停在 DOM 树中选定的元素上。

您只需从元素选择中删除悬停即可。