фокус: всегда выше классов

Question

фокус: всегда выше классов

0

У меня есть класс, и у меня есть какая-то проверка (никаких недопустимых номеров (которые здесь нет, но я их захватил по методу keypress)). Однако, если у меня есть класс с focus: он всегда находится на верхнем уровне css, и я не могу временно переопределить настройки. Есть ли способ решить это?

В этом

JSFiddle

Я ожидаю, что красная рамка выйдет сразу же после первого keypress, однако она переопределяется с фокусом и появляется только тогда, когда я фокусируюсь.

Andrius Naruševičius 21 окт. 2013, в 09:01

Источник

1

Изменение a классе border:1px solid red!important; переопределить :focus
Peter 21 окт. 2013, в 06:56

Теги:

javascript

jquery

css

focus

3 ответа

1

Измените свой css | демонстрация

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

и скрипт, если вы хотите удалить красную рамку, если пользователь не в фокусе окна ввода

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

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

    })

Shadow 21 окт. 2013, в 04:26

0

Вы пытались добавить важное выражение? Попробуйте что-то вроде этого:

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

В JS вы можете:

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

DaKirsche 21 окт. 2013, в 05:00

Ещё вопросы

Изменение a классе border:1px solid red!important; переопределить :focus

palaѕн · Accepted Answer · 2013-10-21T05-02-00.000Z

Вы можете изменить класс следующим образом:

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

!important переопределить focus css.

Демо: скрипка