Я хочу отключить :focus
когда это не нужно, потому что мне не нравится, как выглядит моя навигационная система, когда фокус на ней. Он использует тот же стиль, что и .active
и это запутывает. Однако я не хочу избавляться от него для людей, которые используют клавиатуру.
Я думал добавить класс с enabled-focus
на тело при нажатии табуляции, а затем body.enabled-focus a:focus{...}
но это добавит много дополнительного CSS для каждого элемента, который имеет фокус. Затем удалите этот класс из тела при первой мыши вниз.
Как я могу это сделать? Есть ли лучшее решение?