我更改他的值后输入下降

Question

我以前从未见过此问题，希望能对您有所帮助。 当我使用jquery将输入值属性从S更改为G时，输入将下降。

编辑：我发现了问题，我只需要将此CSS添加到输入的主div中：

display:inline-flex;

$('body').on("click", "#submit", function() {
  $('#input1').attr('value', 'G');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="inputs" id="input1" type="button" value='S' maxlength="1" />
<input class="inputs" id="input2" type="button" value='T' maxlength="1" />

<input type="submit" id="submit" maxlength="1" value="change"/>

此代码与我的代码几乎相同（而不是我的输入CSS） 我的代码中的结果：（图像）

您可以在图像中看到更改了我的值的输入如何下降，并且空的输入保持不变。