No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Changing size of text within q-input

    Help
    font-size q-input
    3
    5
    6178
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jeffc last edited by

      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.

      1 Reply Last reply Reply Quote 0
      • benoitranque
        benoitranque last edited by

        Take a look at Stylus Variables

        1 Reply Last reply Reply Quote 0
        • s.molinari
          s.molinari last edited by

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

          Scott

          1 Reply Last reply Reply Quote -1
          • J
            jeffc last edited by

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

            1 Reply Last reply Reply Quote 0
            • benoitranque
              benoitranque last edited by benoitranque

              Add the following in your styles

              .zip-input input {
              height: 50px;
              }
              
              
              1 Reply Last reply Reply Quote 0
              • First post
                Last post