在Google Chrome开发者工具中查找占位符伪样式

Question

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

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

1. ：悬停
2. ：活动
3. ：焦点内
4. ：focus
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可以解决问题。

启用此设置后，展开class CreateVideo < ActiveRecord::Migration[5.2] def change create_table :videos do |t| t.string :url, null: false t.references :previous_video, class: 'Video' t.timestamps end end end 部分。占位符显示为#shadow-root。