按下提交时，输入文本填充不断改变宽度答案

【问题标题】：Input text padding keeps changing width when submit is pressed按下提交时，输入文本填充不断改变宽度
【发布时间】：2012-09-20 23:48:46
【问题描述】：

我有一个简单的登录表单宽度用户名和密码字段和提交按钮。在我单击提交按钮之前，输入字段的宽度是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/

【问题讨论】：

你能在这里分享你的代码吗：jsfiddle.net
我认为你也在使用 PHP？
是的，我正在使用 php，但我忽略了那部分，因为我认为这无关紧要
我认为问题出在 php 本身。我想是这样。（不要给 class="submit" 按钮，而是给 class="btnSubmit" 或其他东西）
尝试删除 php 并更改类名，但没有解决问题

标签： css forms input width padding

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

或尝试类似的方法。

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

【讨论】：

所以我已经测试了代码。甚至下载了它！无论我尝试多少，我都无法复制您产生的错误。你能指定你使用的网络浏览器吗？？

【解决方案3】：

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

【讨论】：