Question

如何突出显示textarea的边框，以便引起用户注意缺少/不正确的内容？我希望它闪存一段时间。这可以用css3完成吗？非常感谢你！（提示，当用户按下 L 键时，它会继续。）

<textarea></textarea>





if(e.keyCode == 13)
executeGlowBorder();

http://css-tricks.com/snippets/css/glowing-blue-input-highlights/类似的效果（但我只希望它延长一段时间）

Answer 1

如果我理解了您的要求，可以通过多种方式实现您的目标。其中之一是使用addClass，removeClass和fadeIn / fadeOut的混合作为临时突出显示。看看这个Fiddle，让我知道这是你想要实现的目标。

$('textarea').change(function () {
    if (!isValidEmailAddress($(this).val())) {
        $(this)
            .fadeIn(750).addClass('glow')
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750);
    } else {
        $(this).removeClass('glow');
    }
});

您要求使用CSS3的解决方案，但您的问题标签包含JQuery;我猜测JQuery可以包含在建议的解决方案中。还有一种方法可以在没有JQuery的情况下完成它，但它更不美观。

用jquery突出显示textarea边框一段时间

1 个答案: