← All examples

TikTok: outline data-e2e elements

Outlines every element with a data-e2e attribute, making it easier to write your own CSS tweaks.

Code to copy

/* Outline every element carrying a data-e2e hook for tweak authoring */
[data-e2e] {
  outline: 1px dashed rgba(254, 44, 85, 0.6) !important;
}
[data-e2e]:hover {
  outline: 2px solid #fe2c55 !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.