在Chrome开发者工具中保存禁用的CSS属性

Question

使用 Chrome 中的Developer Tools检查元素时，我们可以选择通过取消选中来禁用样式属性。

一旦我取消选中该框（让我们说border: 1px solid），边框将会消失，编辑器中的样式属性将显示删除线，但只要点击“来源”标签即可保存更改未经检查的样式返回的编辑器。我只有一次注意到转到'来源'选项卡以保存更改时，未经检查的样式被注释掉，允许我保存更改而无需手动删除代码。

有谁知道如何保存未经检查（删除）的样式？

---

更新：

好的，所以我想出了一些东西。这是一个例子：

这是在DevTools编辑器中;

#content .text {
    display: block;
    font-weight: 700;
    margin: 0 0 8px;
}

如果您取消选中任何在浏览器中立即生效的样式，然后点击源选项卡，则样式表中的样式仍然存在：

#content .text {
    display: block;
    font-weight: 700;
    margin: 0 0 8px;
}

但是，如果你对其他一个属性进行编辑，让我们说，将边距更改为7px，同时取消选中字体权重，这就是你得到的：

#content .text {
    display: block;
    /* font-weight: 700; */
    margin: 0 0 7px;
}

最后，在“源”选项卡中注释掉未选中的样式，允许我保存已删除的样式。我希望这可以工作，而不必进行额外的编辑，但现在必须要做。

Answer 1

我对未经检查的样式有同样的问题。我找到了一种更简单的方法来保存未经检查的样式。只需取消选中样式，为规则添加另一种临时样式，然后删除临时样式。 Chrome会记录更改，您可以使用“来源”标签中的“另存为...”功能保存未经检查（已注释）的样式。

这并不理想，但它可以省去取消选中和修改样式的麻烦，执行“另存为...”然后返回并将修改后的样本更改回原来的样式。

我一定会在Chrome支持论坛中提及这一点。