Input text displays incorrectly after increasing its font size

I have a PhoneGap mobile app, after I increased the font size of input text field, this is how the text is seen

I tried padding, margin, top, bottom in css, but didn’t worked,
I also tried putting the input text inside a span, but again it didn’t worked correctly

I use framework7 version 3.6.5

maybe if you use line-height can resolv the problem.

.my-list{
  font-size:20px;
  line-height:25px;
}

if not work, try with:

.my-list{
  font-size:20px;
  line-height:25px  !important; 
}
1 Like

May you put part of code in jsfiddle?

1 Like