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

Question

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

null

    .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

显示用户代理阴影DOM就可以实现这一目的。

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