0

我是 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 文档和其他一些来源上查找，但没有找到任何结果。如果我做错了什么，请告诉我，提前谢谢你。

4

3 回答 3

1

这个作品 - - 小提琴

$(document).ready(function () {

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

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

});
于 2013-04-10T18:45:08.560 回答
1 
$("#text").focus(function(){
   $("#text").css("border","5px solid");
                                  ^  should be set
});

这是jsiddle

于 2013-04-10T18:46:16.537 回答
1

小提琴——你的焦点事件应该只指定你想要改变的属性。

$("#text").css("border-width","5px");

这实际上是一个 css 问题而不是 jquery。由于您刚刚指定了边框（这是一个 css 速记属性）并且只给了它一个参数，因此您覆盖了内置 css 的浏览器。

于 2013-04-10T18:52:29.167 回答