在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支持論壇中提出這個問題。