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

1. For Google Chrome Version 69:
2. Open Inspect Elements: On Mac ⌘ + Shift + C, on Windows / Linux Ctrl + Shift + C OR F12.
3. Click the "⋮" button at the top right then Go to settings
4. In settings click on Preferences > Click on Show user agent Shadow DOM

The below images show the process:

Go to settings > Preferences:

Click on Show user agent Shadow DOM:

View the CSS of placeholder: