title: Find placeholder pseudo style in google chrome devtools
body: <p>I want to test my placeholder style in chrome devtools but can't find it.</p>
  
  <p>I tried to use the "Toggle Element State" but it provides only </p>
  
  <ol>
  <li>:hover</li>
  <li>:active</li>
  <li>:focus-within</li>
  <li>:focus</li>
  <li>:visited</li>
  </ol>
  
  <p>These are my css lines:</p>
  
  <pre><code>    .inputs-wrapper input[type="text"]::placeholder ,
      .inputs-wrapper input[type="tel"]::placeholder{
  
          font-weight:900;
          color:black;
  
      }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="inputs-wrapper"&gt;
      &lt;input type="text" placeholder="שם מלא"/&gt;
      &lt;input type="tel" placeholder="טלפון"/&gt;
      &lt;input type="submit" value="המשך &gt; " /&gt;
  &lt;/div&gt;
  </code></pre>