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…
    .zip-input
    {
    margin-top: 50px;
    height: 50px;
    font-size: 32px;
    }

    The result, the text is clipped.
    zipclip

    Thanks in advance, Jeff.



  • Take a look at Stylus Variables



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

    Scott



  • 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.