Remove Motion When Inputting Input

How to remove the movement of the input window when entering the html input tag. Cause The baseline is incorrect for each font language.

vertical-align

vertical-align setting.

4
5
6
.myinput {
  vertical-align: middle;
}

height, line-height

Set height and line-height.

4
5
6
7
.myinput {
  height: 14px;
  line-height: 14px;
}

wrapper

Add a separate div wrapper.

4
5
6
<div class="myinputwrapper">
  <input type="text" class="myinput" />
</div>

 4
 5
 6
 7
 8
 9
10
11
12
13
.myinputwrapper {
  border: 1px solid #666;
  height: 14px;
  overflow: hidden;
}

.myinput {
  border: none;
  margin:10px 0 0 0;
}

That’s all. Congratulations! 👏