jquery - jQuery中的输入框动画留下了“痕迹”，有什么办法摆脱它？

聚焦时使用jQuery为ASP.net文本框设置动画可在Firefox 3.5中留下尾随的动画。

将输入框修改为无边框后，该效果不再可见。顶部框没有边框，也没有尾随动画，而底部带有边框的框仍然有尾随动画。

jQuery如下：

$(document).ready(function(){
    $("input").focus(function(){
        $(this).animate({width:"500px"}, "fast")
    }).blur(function(){
        $(this).animate({width:"200px"}, "fast")
    });
 });

身体的内容是：

<form runat="server">
<div>
<p><asp:TextBox width="200px" runat="server"/></p>
<p><asp:TextBox width="200px" runat="server"/></p>
</div>
</form>

随着文本框的扩展，有什么方法可以摆脱尾随的动画吗？为“快速”动画设置会有所帮助，对慢速动画设置会更糟。当涉及颜色时，问题变得更加严重。

提前致谢。

这在Internet Explorer 8，Chrome或Opera中无法看到。

最佳答案

我在Linux上使用firefox，它运行良好。关于系统渲染字段。尝试在CSS中定义字段的边框和背景，以便将它们呈现为平坦状态并查看它是否有任何变化。

问更多的人是否看到问题。我不。