jquery - jQuery 中的输入框动画留下 "trail"，有什么办法摆脱它吗？

Question

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

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

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 中是看不到的。

Answer 1

我在 Linux 上使用 Firefox，它工作得很好。这是关于系统渲染字段的。尝试在 CSS 中定义字段的边框和背景，以便将它们呈现为平坦，并查看它是否会改变任何内容。

询问更多人是否发现了问题。我不知道。