開発者ツールでwebkit-input-placeholderを検査する

テキスト入力のプレースホルダーを次のようにスタイルすることができます：

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

オンラインのウェブサイトを見ていて、同じプレースホルダー色を使用したいのですが。彼らがどの色を使用したかを知ることは可能ですか？アルファ値を含めたいので、イメージエディタで色をサンプリングすることはできません。

Chrome Dev Toolsで要素を検査すると、次のように表示されます：

開発ツールは、入力要素を検査するときにプレースホルダー要素に関する情報を提供しません。別の方法はありますか？

私はそれを考え出した。

コツは、Chromeデベロッパーツールの[設定]パネルで[ユーザーエージェントシャドウDOMを表示する]を有効にすることです。

設定に移動するには、Dev Toolsパネルの右上にある「⋮」ボタンをクリックし、次に「設定」をクリックします。これは、デフォルトの「設定」タブの下にあります。

これで、次のように表示されます。

1. Google Chromeバージョン69の場合：
2. Inspect Elementsを開きます：Mac On + Shift + C、Windows / LinuxのCtrl + Shift + CまたはF12。
3. 右上の「⋮」ボタンをクリックし、設定に移動します
4. 設定で[設定]> [ユーザーエージェントの表示]シャドウDOMをクリック

以下の画像はプロセスを示しています。

[設定]> [設定]に移動します。

[ユーザーエージェントの表示]シャドウDOMをクリックします。

プレースホルダーのCSSを表示します。