Chrome 开发者工具 - 无法编辑样式属性

Question

我在 Chrome 开发者工具中遇到了一个不寻常的问题，我不确定我是否按下了快捷键或其他东西。

我的问题是，每当我尝试编辑 CSS 属性时，我只能在单击该属性后按一个键，然后它会立即从该属性中退出。

例如，样式窗格可能包含如下内容：

#test-id {
  height: 100px;
}

通常，您可以单击“100px”条目并使用向上箭头来增加值。或者输入一个新值，等等。

但是，如果我单击该属性并按任意键，它会提交该单个键并且我的光标会退出该属性。

我是否按下了类似 num lock（尝试过..）之类的东西导致了这种情况？

Answer 1

这里没有太多信息，所以我会列出要尝试的东西，然后你可以在 cmets 中回复是否有帮助。我会在每条评论后更新我的答案。

首先，打开一个隐身窗口（@98​​7654321@+shift+n 在 mac，ctrl+shift+n 在 windows / linux 上）并尝试重现该行为。如果这解决了问题，那么您的 Chrome 配置文件中的某些设置或扩展程序与 DevTools 混淆了。