關注並在網頁上顯示當前關注的元素

Question

我想通過已部署的網頁調試選項卡索引流。目前的CSS具有大綱：許多輸入元素都沒有。

什麼是最好的方式，在鉻，做一個全球性的CSS覆蓋，以便我可以清楚地看到選定/聚焦的元素，而標籤通過該網站？

Answer 1

檢查頁面上的元素（右鍵單擊它並選擇「檢查」），在元素選項卡中右鍵單擊它，從列表中選擇「：focus」，查看樣式選項卡（應該已打開）爲樣式規則設置outline:none規則，取消選中所有outline:none樣式旁邊的複選框（您可能需要通過多個規則滾動或取消選中它們）。這將允許您在不改變生產代碼的情況下在瀏覽器中查看默認的大綱樣式。每次打開頁面進行測試時，您都必須重複這些步驟。

編輯：這些步驟應涵蓋大多數情況下，你需要這樣做。如果您確實需要全局規則，則可以通過單擊樣式選項卡中的「+」圖標並添加類似於*:focus{outline:initial !important}或類似規則的規則來添加該規則。