How to see the style of the thumb of range input in Chrome developer tools? How to see the style of the thumb of range input in Chrome developer tools? google-chrome google-chrome

How to see the style of the thumb of range input in Chrome developer tools?


You can enable View Shadow DOM in DevTools console and view styles associated with Shadow DOM elements.

Hit

F12 > F1 to open DevTools >> Settings >> Preferences

You will find the option under Elements as Show user agent shadow DOM


Shadow DOM DevTools


Just want to add onto the accepted answer as UI has changed substantially since the original question was asked and to add a visual aspect:

step 1

enter image description here