title: Styling Vuetify selectors
body: <p>The Vuetify component for a selector is:</p>
  
  <pre><code>&lt;v-select
  :items="items"
  label="Standard"
  &gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>But when the selector is active, many nested components appear (on inspect), for example, the dropdown menu itself, <code>menu__content</code>. How would I go about styling it? For the "visible" Vuetify component v-select, I can manually add a class, and style it in css directly. However, I can't do this for the hidden components. </p>
  
  <p>I've tried to style with the inspect-given class, ".menu__content", but it appears it doesn't work: <a href="https://jsfiddle.net/agreyfield91/tgpfhn8m/936/" rel="noreferrer">https://jsfiddle.net/agreyfield91/tgpfhn8m/936/</a>. </p>
  
  <p>How would I style these components manually in css? Is there something fundamental about vuetify I'm missing?</p>