CSS-Highlight

Highlight page elements by text content, attribute, or CSS selector — instantly, without opening DevTools.

CSS Highlight lets you find and highlight any element on a live page — by text content, attribute, CSS selector, class, or ID — without opening DevTools. Perfect for developers verifying selectors, QA engineers checking data-testid attributes, and designers inspecting layouts. What makes it useful: Search by text content to find elements by what they say ("Submit", "Sign Up"). Search by attribute to locate [data-testid], [aria-label], or any custom attribute. Both are things DevTools makes clunky — CSS Highlight surfaces them in one click. Features: - Text content search — find elements by what they say, with case-sensitive and partial match options - Attribute search — find by any attribute name or name + value pair - CSS selector — full querySelector support for precise targeting - Class and ID — quick lookups for the common cases - Live updates — highlights re-apply automatically as the page changes, great for SPAs - Multiple highlight styles — background, border, outline, underline, box shadow - Adjustable color and opacity - Search history — saved searches for quick re-use - Keyboard shortcuts — re-run or clear highlights without opening the popup (Cmd+Shift+H / Cmd+Shift+X) - Element details — tag, ID, class, and text preview for each match - Copy results — export matched elements to clipboard - 100% local — no data collection, no network requests