Changing size of text within q-input

  • I’m just getting started with Quasar 0.14 and it’s really nice. I have a simple “getting started” question. How do I change the text size of the text within a q-input.

    In my template…
    <q-input class=“zip-input” v-model=“value” autofocus placeholder=“zip code” align=“center” :before="[{icon: ‘mail’, handler () {}}]"/>

    In my style…
    margin-top: 50px;
    height: 50px;
    font-size: 32px;

    The result, the text is clipped.

    Thanks in advance, Jeff.

  • Take a look at Stylus Variables

  • 32px is awfully big. Why do you need that big of a font?


  • Scott, it’s in the design. benoitranque - which stylus variables apply here - couldn’t find any that fit?

  • Add the following in your styles

    .zip-input input {
    height: 50px;

Log in to reply

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.