Editing input type=”search” Pseudo-element Button (‘x’)

For anyone finding themselves here (as I did) thinking “how do I inspect this element to apply custom styles?“, you’ll need to enable the user agent shadow DOM to make these vendor elements accessible.

For WebKit (Safari) & Blink (Chrome,Edge,Opera,Brave) browsers, follow these steps:

  1. Open DevTools (Ctrl+Shift+I)
  2. Find the gear icon, top-right and click to open up the dropdown menu
  3. In the context menu that opens, under “Preferences“, find “Elements” towards the bottom and enable “Show user agent shadow DOM

enter image description here
As you can see, I’m a man of culture, if there is a dark theme, I use it

enter image description here

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)