jquery-ui 效果在运行效果时更改 <input> 大小

Question

我想在输入标签上运行一个名为“shake”的 jquery-ui 效果:

$("#myInput").effect("shake");

我在包含的 css 文件中为输入标签指定了新的大小:

height: 25px;
width: 250px;

效果运行良好，但在效果期间，输入标记具有默认大小，直到效果结束。然后，它又变大了。

哪里出错了？这是 jquery-ui 中的错误吗？

效果期间的图片。

Answer 1

很可能是由于不同的 CSS 样式在效果期间获得优先权。请参阅http://jsfiddle.net/qhK96/1/摇动动画期间背景变为红色。

div > input /* while not in animation */

div > div > input /* while in animation due to wrapping from jQuery, like ElendilTheTall said */

解决方案很简单:修复你的 CSS。听起来有点自作聪明，抱歉，但我们需要更多信息来指出您的问题。第一次尝试将 !important 添加到您的样式定义高度或尝试使用 line-height 设置高度。