jquery - jquery 在输入框焦点/模糊上的奇怪行为

标签 jquery css

我是 jQuery 的新手,在使用 jQuery CSS 属性时,我发现输入框在聚焦/模糊时有奇怪的行为。

我的代码是这样的

<body>

    Enter something <input type="text" id="text" />

<script>
    $(document).ready(function(){

    $("#text").focus(function(){
                $("#text").css("border","5px");
            } );

            $("#text").blur(function(){
                $("#text").css("border-color","#555");
            } );

    } );

    </script>
</body>

模糊效果最差,因为整个输入框都从那里消失了。 我尝试在 jQuery API 文档和其他一些来源上查找,但没有找到任何结果。 如果我做错了什么,请提前告诉我,谢谢。

最佳答案

这有效 - - Fiddle

$(document).ready(function () {

    $("#text").focus(function () {
        $("#text").css("border", "5px solid black");
    });

    $("#text").blur(function () {
        $("#text").css("border", "1px solid red");
    });

});

关于jquery - jquery 在输入框焦点/模糊上的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15933817/

相关文章:

html - 如何从上层主打风格?

jquery-mobile - Jquery 移动性能?

javascript - 将 jqGrid 行按钮绑定(bind)到 Knockout JS 时超出了最大调用堆栈大小

jquery - 定制 Accordion - 使用每个

javascript - jQuery 与 JavaScript ajax 'POST' 函数

html - CSS 位置 :fixed and IE7

javascript - 通过 jQuery ajax 调用 JS 函数时出现问题

html - 完整的背景图像变得可点击

html - 在谷歌浏览器下,蓝色边框线显示

html - Skrollr Mobile, overflow hidden ;