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

Question

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

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

有谁知道如何保存了选中（删除）的风格？

---

UPDATE：

好了，所以我想通一些东西。这里有一个例子：

这是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; 
} 

最后选中的风格为c在源选项卡中省略，允许我保存已删除的样式。我希望这将工作，而不必进行额外的编辑，但它现在必须做。

Answer 1

我有未经检查的样式相同的问题。我发现保存未经检查的样式稍微简单一些。只需取消选中样式，为您的规则添加另一个临时样式，然后删除临时样式。 Chrome会记录所做的更改，并且您可以使用“资源”标签中的“另存为...”功能保存未经检查（注释掉）的样式。

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

我一定会在Chrome支持论坛中提出这个问题。