title: How can I customize Quasar's QSelect to show text and outline in bold, when a selection is made
body: <p>I'm trying to customize Quasar's QSelect with multiple selection (<a href="https://quasar.dev/vue-components/select#The-display-value" rel="nofollow noreferrer">https://quasar.dev/vue-components/select#The-display-value</a>), to show text and outline in bold, when a selection is made.</p>
  <p>I was inspired by this site (<a href="https://www.zalando.dk/herretoej/_beige.gra.sort/" rel="nofollow noreferrer">https://www.zalando.dk/herretoej/_beige.gra.sort/</a>) and how they use multi select to highlight when a selection is made e.g. &quot;Farve&quot;.</p>
  <p>I wanted to do something similar using QSelect and &quot;display-value&quot; from API documentation (<a href="https://quasar.dev/vue-components/select#QSelect-API" rel="nofollow noreferrer">https://quasar.dev/vue-components/select#QSelect-API</a>).</p>
  <p>My example: <a href="https://jsfiddle.net/orbit/351f27ua/30/" rel="nofollow noreferrer">https://jsfiddle.net/orbit/351f27ua/30/</a></p>
  <pre><code>My example: https://jsfiddle.net/orbit/351f27ua/30/
  </code></pre>
  <p>Basically I am trying to make the select have bold text e.g. &quot;Items (2)&quot; when 2 items has been selected and preferably show a thick border - as shown on (<a href="https://www.zalando.dk/herretoej/_beige.gra.sort/" rel="nofollow noreferrer">https://www.zalando.dk/herretoej/_beige.gra.sort/</a>)</p>
  <p>Any idea on how to achieve this using Quasar?</p>