Vertically align text within input field of fixed-height without display: table or padding?

后端 未结 16 2354
Happy的楠姐
Happy的楠姐 2020-12-01 01:27

The line-height property usually takes care of vertical alignment, but not with inputs. Is there a way to automatically center text without playing around with padding?

16条回答
  •  轻奢々
    轻奢々 (楼主)
    2020-12-01 01:44

    I was just working on this within MaterialUI's text inputs. Adding padding-top: 0.5rem to the input style worked for me. While this was adjusting the padding, at least you don't need to worry about adjusting for updates, much less different breakpoints.

提交回复
热议问题