在 google chrome devtools 中查找占位符伪样式

Question

我想在 chrome devtools 中测试我的占位符样式，但找不到它。

我尝试使用 "Toggle Element State" 但它只提供

1. :悬停
2. :活跃
3. :内焦点
4. :焦点
5. ：访问过

这些是我的 css 行：

    .inputs-wrapper input[type="text"]::placeholder ,
    .inputs-wrapper input[type="tel"]::placeholder{

        font-weight:900;
        color:black;

    }

html:

<div class="inputs-wrapper">
    <input type="text" placeholder="שם מלא"/>
    <input type="tel" placeholder="טלפון"/>
    <input type="submit" value="המשך > " />
</div>

Answer 1

Showing user agent Shadow DOM 成功了。

启用此设置后，展开 #shadow-root 部分。占位符显示为 div.