title: Select Shadow DOM with JavaScript and/or CSS?
body: <p>It seems like Chrome deprecated <code>/deep/</code> and <code>&gt;&gt;&gt;</code> and <code>::shadow</code>: <a href="https://www.chromestatus.com/features/6750456638341120" rel="nofollow">https://www.chromestatus.com/features/6750456638341120</a></p>
  
  <p>Does anyone know if there is another way to access the Shadow DOM?</p>
  
  <p>My use case is trying to figure out the style of an input. Specifically I'm trying to detect if a placeholder is being displayed or not.</p>
  
  <p>I've tried <code>el.shadowRoot</code> but it returns null and the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/shadowRoot" rel="nofollow">docs</a> for it are pretty sparse.</p>