So ändern Sie den Bildlaufleistenstil in Vue

<ul Klasse="nav-tabs-scroll">
  <li v-for="(Element, Index) in Tabs" :key="index" class="nav-item-scroll">{
<!-- -->{item.text}}</li>
</ul>
<v-textarea umrissen v-model="text" style="width: 200px; margin: 16px;" class="text"></v-textarea>

Daten: () => ({
      Registerkarten: [
        { value: 4001, text: 'Kreditprotokoll', code: 'LOAN_LOG' },
        { value: 4002, text: 'Dokumentenprotokoll', code: 'DOCUMENT_LOG' },
        { value: 4003, text: 'Notizenprotokoll', code: 'NOTE_LOG' },
        { value: 4004, text: 'Operationsprotokoll', code: 'OPERATION_LOG' },
        { value: 4005, text: 'Zahlungsprotokoll', code: 'PAYMENT_LOG' },
        { value: 4006, text: 'Wartungsprotokoll', code: 'MAINTENANCE_LOG' },
        { Wert: 4007, Text: 'Transaktionsprotokoll', Code: 'TRANSACTION_LOG' },
        { value: 4008, text: 'Sammelprotokoll', code: 'COLLECTION_LOG' },
        { value: 4001, text: 'Kreditprotokoll', code: 'LOAN_LOG' },
        { value: 4002, text: 'Dokumentenprotokoll', code: 'DOCUMENT_LOG' },
        { value: 4003, text: 'Notizenprotokoll', code: 'NOTE_LOG' },
        { value: 4004, text: 'Operationsprotokoll', code: 'OPERATION_LOG' },
        { value: 4005, text: 'Zahlungsprotokoll', code: 'PAYMENT_LOG' },
        { value: 4006, text: 'Wartungsprotokoll', code: 'MAINTENANCE_LOG' },
        { Wert: 4007, Text: 'Transaktionsprotokoll', Code: 'TRANSACTION_LOG' },
        { value: 4008, text: 'Sammelprotokoll', code: 'COLLECTION_LOG' },
        { value: 4001, text: 'Kreditprotokoll', code: 'LOAN_LOG' },
        { value: 4002, text: 'Dokumentenprotokoll', code: 'DOCUMENT_LOG' },
        { value: 4003, text: 'Notizenprotokoll', code: 'NOTE_LOG' },
        { value: 4004, text: 'Operationsprotokoll', code: 'OPERATION_LOG' },
        { value: 4005, text: 'Zahlungsprotokoll', code: 'PAYMENT_LOG' },
        { value: 4006, text: 'Wartungsprotokoll', code: 'MAINTENANCE_LOG' },
        { Wert: 4007, Text: 'Transaktionsprotokoll', Code: 'TRANSACTION_LOG' },
        { value: 4008, text: 'Sammlungsprotokoll', code: 'COLLECTION_LOG' }
      ],
      text: ''
    }),

<style lang="scss" scoped>
  .nav-tabs-scroll {
    Höhe: 100px;
    Listenstil: keiner;
    Rand: 0px;
    Polsterung: 16px 0;
    Überlauf-x: automatisch;
    Anzeige: Inline-Block;
    Leerzeichen: Nowrap;
    Breite: 100 %; 
    Hintergrund: #F9FAFD;
  }
  .nav-item-scroll {
    Hintergrund: #E5F0FF;
    Farbe: #24252E;
    Schriftgröße: 12px;
    Schriftstärke: 400;
    Zeilenhöhe: 16px;
    Polsterung: 8px 8px 180px;
    Textausrichtung: zentriert;
    Anzeige: inline;
    Rand: 0 4px 0;
    Rahmenradius: 16px;
  }
  .nav-tabs-scroll::-webkit-scrollbar {
    Breite: 20px;
    Höhe: 10px;
  }
  .nav-tabs-scroll::-webkit-scrollbar-thumb {
    Rahmenradius: 5px;
    Hintergrund: rot;
  }
  .nav-tabs-scroll::-webkit-scrollbar-button {
    Breite: 10px;
    Randradius: 50 %;
    Hintergrund: schwarz;
  }
  .nav-tabs-scroll::-webkit-scrollbar-track {
    Box-Shadow: Einschub 0 0 2px #333;
    Rahmenradius: 5px;
    Hintergrund: blau;
  }
  .nav-tabs-scroll::-webkit-scrollbar-corner {
    Hintergrund: Frühlingsgrün;
  }
  /*
  .nav-tabs-scroll::-webkit-scrollbar-track-piece {
    Box-Shadow: Einschub 0 0 2px #333;
    Rahmenradius: 5px;
    Hintergrund: Pflaume;
  }
  */
</Stil>
<Stil>
  .text.v-textarea textarea::-webkit-resizer {
    Hintergrund: rosa;
  }
</Stil>