查找谷歌浏览器devtools占位伪风格(Find placeholder pseudo style

2019-10-28 13:10发布

我想测试我的占位风格的镀铬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:

显示用户代理影子DOM的伎俩。

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



文章来源: Find placeholder pseudo style in google chrome devtools