按下提交时，输入文本填充会保持宽度变化

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;
}

Answer 2

我正在尝试到jsfiddle的链接，但没有这个问题。 不使用stripcslashes时，请尝试查看问题是否仍然存在。

Answer 3

感谢所有回答的人。 我解决了这个问题。 我在html标记之外的php中回显了一些js代码。 一旦我将回声移动到头部内部，问题就消失了。