[Solved] QInput How to adjust the top/bottom padding if it is without a label

[Stanley]

Dear Quasar team,

I did a demo to illustrate this requirement, could you please have a look?
https://codepen.io/Stanley-549393092/pen/QWGgYPy?editors=1010

I would like to narrow the top/bottom padding (that means the height of q-input will be narrowed), because it occupies some space.
I tried to use custom style to override the default setting, but failed.
Do you have some idea? Thanks for your help!

[s.molinari]

Have you tried the dense prop?

Scott

[Stanley]

@s-molinari yes, the demo is based on dense property.

[metalsadman]

Inspect element see the css and override them.

[Stanley]

@metalsadman Thanks! I tried that but failed. Shall I focus on the class ‘q-field__control-container’ or ‘q-field__native’?

[s.molinari]

Sorry, should have looked better.

See here: https://codepen.io/smolinari/pen/qBqjzmQ

Scott

[Stanley]

@s-molinari Thank you! It works now.

[ganeshshastri]

Yes its work fine, thanks