CSS-Highlight

Tracking since Apr 20, 2026.

Changelog

• May 30, 2026
  description

  CSS Highlight is a lightweight Chrome Extension that helps you instantly spot elements on a webpage by search term.
  No more endless searching in the inspector—just enter your selector, and all matching elements are highlighted directly in the page.
  
  Features:
  	•	Highlight elements by class (.class-name) or ID (#element-id).
  	•	Simple popup interface for quick input.
  	•	Works on any webpage with no setup required.
  	•	100% local—no data collection.
  
  Ideal for developers, QA testers, and designers who want to debug layouts faster.

  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

• May 30, 2026
  short_description

  Highlight HTML elements with a specific class or ID

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

• May 30, 2026
  permissions

  (empty)

  storage

Permissions & access

Permissions

storage

Host access

None declared

Screenshots

Similar extensions

Alternatives to CSS-Highlight, ranked by description similarity.

CSS Class Highlighter

Inspect and highlight CSS classes. Hover to inspect, list classes, and highlight elements.

14

Element Selector

Select and inspect elements on a webpage.

36

Element Inspector

Inspect HTML elements on hover - view IDs, classes, tags, and attributes instantly

9

AttriLightr

Highlight DOM elements by attributes..

6

ColorDetective

A browser extension to investigate elements by color profiles

8

★ 5.0

DOM Element Highlighter

Visually identify and interact with testable DOM elements on web pages

11

Attribute Highlighter

Highlights all the elements with specific html attribute

38

Element Inspect

Inspect padding, margin, tag, class, and size by hovering over elements.

156

★ 5.0