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

Question

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

我尝试使用“切换元素状态”，但它只提供了

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。