Quasar - QInput - Standout

standout settings not respected when outlined is true

by Vijay K

HTML

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@quasar/extras/material-icons/material-icons.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.min.css">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.umd.min.js"></script>

<div id="q-app">
  <q-input label="Code" outlined standout="bg-teal text-white"></q-input>
</div>

JavaScript

new Vue({
  el: '#q-app',
  data: function () {
    return {
      
    }
  }
})