Making inputs bordered

  • Hello!

    I’m loving Quasar (and Vue)! After struggling with several half-baked UI frameworks on React, this is just blissful!

    I have a quick question - I’m doing a forms-heavy application and wanted to style my text fields and selects with a full border, instead of just the border underneath. I tried to fiddle with several CSS classes - .q-if, .control, .q-input, but nothing seemed to make sense.

    Is there a recommended way to do it (and to disable the border underneath)?

    Thank you all!

  • The style for the current border is defined in the input-frame stylus file. It is made by using the after pseudo classes. I guess your best bet is to remove this after classes and instead use a normal border.

Log in to reply

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