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

Answer 2

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

Answer 3

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