Inspect webkit

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

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

I am looking at a website online and I would like to use the same placeholder color as they do. Is it possible to figure out what color they used? I would like to include any alpha values, so I can't just sample the color with an image editor.

When I inspect the element with Chrome Dev Tools, I see:

Dev tools does not provide information regarding the placeholder element when inspecting the input element. Is there another way?

---

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:

链接地址: http://www.djcxy.com/p/70468.html

上一篇: 使用RACCommand进行异步网络操作

下一篇: 检查webkit