Inspect webkit-input-placeholder with developer tools

by

I figured it out.

The trick is to enable ‘Show user agent shadow DOM’ in the Settings panel of Chrome Developer Tools:

enter image description here

To get to settings, click the Gear icon at the top right of your Dev Tools panel, then make sure Preferences tab on the left-hand side is selected, find the Elements heading, and check “Show user agent shadow DOM” checkbox below that heading.

With that, you can now see it:

enter image description here

More Related Contents:

  1. Can't remove text decoration
  2. How to make double border on left only with thick outside and thin inside [duplicate]
  3. Why my HTML input field is ‘readonly’ by default [closed]
  4. Bootstrap height
  5. Centering in CSS Grid
  6. What are the implications of using “!important” in CSS? [duplicate]
  7. How to style the parent element when hovering a child element?
  8. How to make this arrow in CSS only?
  9. How to save CSS changes of Styles panel of Chrome Developer Tools?
  10. Bootstrap 3 two columns full height
  11. Why does IE9 switch to compatibility mode on my website?
  12. Why is vertical-align: middle not working on my span or div?
  13. Maintain image aspect ratio when changing height
  14. How to change the length/position of text-decoration:underline?
  15. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  16. White space showing up on right side of page when background image should extend full length of page [closed]
  17. How can I truncate table cells, but fit as much as content possible?
  18. Pressing spacebar scrolls page down?
  19. Why is box-sizing acting different on table vs div?
  20. Is this empty space actually margin-right which is not recognized by dev tools?
  21. Understanding CSS2.1 specification regarding height on inline-level boxes
  22. How do I give a CSS class priority over an id?
  23. Padding the top and the bottom of inline element
  24. Title with bottom border smaller than width
  25. how to remove the dotted line around the clicked a element in html
  26. Is it possible to achieve a -like effect without using the tag?
  27. Load a low-res background image first, then a high-res one
  28. Can I use an image from my local file system as background in HTML? [duplicate]
  29. How to keep styles after animation?
  30. overflow-y:visible not working when overflow-x:hidden is present [duplicate]

Leave a Comment