Inspect webkit-input-placeholder with developer tools

Question

It\'s possible to style a text input\'s placeholder with the following:

-webkit-input-placeholder {
    color: red;
}

I am looking at a web

Answer 1

I figured it out.

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

To get to settings, click the "⋮" button at the top right of your Dev Tools panel, then click Settings, and it's under the default Preferences tab.

With that, you can now see it: