Question

我有一个类，我有一些验证（不允许非数字（这不是在这里，但我在keypress方法上捕获它））。但是，如果我有一个focus:的课程，它总是在css的顶级，我不能暂时覆盖设置。有办法解决这个问题吗？

在此

我希望第一个keypress上的红色边框会立即出现，但是它会被焦点覆盖，只有在我专注时才会出现。

Answer 1

您可以像这样修改类：

.a {
    border:1px solid red !important;
}

!important会覆盖focus css。

演示：Fiddle

Answer 2

更改你的CSS | Demo

.a{
    border:1px solid red !important;
}

和脚本，如果你想删除红色边框，如果用户没有输入框的焦点

   $('input').on("keypress", function(){
    $(this).addClass('a');

    });
    $('input').on("blur", function(){
    $(this).removeClass('a');

    })

Answer 3

您是否尝试添加！important语句？尝试这样的事情：

input:focus{
    border:1px dashed yellow;
}

在JS上你可以这样做：

$(input).keypress(function(ev){
    var target = ev.target;
    $(target).css({
        borderColor: '#AA0000 !important'
    });
}

重点：始终在课堂之上

3 个答案: