css - 按下提交时输入文本填充不断改变宽度

Question

我有一个简单的登录表单宽度用户名和密码字段和提交按钮。在我单击提交按钮之前，输入字段的宽度按预期为 212px。当我点击提交按钮时，宽度变为 200px。

这是输入的 css:

.textInput  {
        padding: 6px;
        width: 200px;
        background-color: #15242A;
        border: none;
        color: #BFE6FE;
        margin: 2px;
        display: inline-block;
}

这里是输入:

<input type="text" class="textInput" name="username" value="<?php if (isset ($username)) echo stripcslashes($username); ?>"/>

它不在任何 div 或任何东西中。我只想让它在提交表单前后保持相同的宽度

这里是完整代码的链接 http://jsfiddle.net/kEWdd/

Answer 1

嘿，你能给我们完整的 html 页面，包括提交按钮和表单标签吗？？ 问题可能出在表单标签的原生样式中。 尝试设计样式。

或尝试类似的方法。

form{
   display : inline-block;
   width : 200px;
   margin : 0;
   padding : 0;
}