title: How to access an element deep inside shadow-root
body: <p>How can I access an element which is deep inside the shadow-root?</p>
  <pre><code>&lt;vaadin-combo-box&gt;
          #shadow-root
              &lt;vaadin-text-field id=&quot;input&quot;&gt;
                  &lt;vaadin-combo-box-dropdown-wrapper id=&quot;overlay&quot;&gt;
                      #shadow-root(open)
                          &lt;vaadin-combo-box-dropdown id=&quot;dropdown&quot;&gt;
                              #shadow-root(open)
                                  &lt;vaadin-combo-box-overlay id=&quot;overlay&quot;&gt;
                                      #shadow-root(open)
                                       &lt;div part=&quot;overlay&quot; id=&quot;overlay&quot;&gt;
                                          &lt;div part=&quot;content&quot; id=&quot;conent&quot;&gt;
                                              #shadow-root(open)
                                                  &lt;div id=&quot;scroller&quot;&gt;
                                                      &lt;iron-list id=&quot;selector&quot;&gt;
                                                          #shadow-root(open)
                                                              &lt;vaadin-combo-box-item&gt;
                                                                  ......
                                                                 
  </code></pre>
  <p>I want to style a <strong>vaadin-combo-box-item</strong> element but I don't know how to access this element.</p>