Клавиша TAB выбора не видна - PullRequest
Новая
       21

Клавиша TAB выбора не видна

0 голосов
/ 10 ноября 2018

У меня угловое приложение, когда я использую TAB для перемещения по элементам, текущий фокусированный элемент не выделяется.

Вот как это выглядит, когда я вкладываю элемент

enter image description here

Это когда я затем нажимаю на пробел, чтобы развернуть аккордеон enter image description here

Затем я добавил следующий CSS, но он работает только при наведении курсора мыши, НО при выборе вкладки. 

::ng-deep {
    .ui-accordion-header:hover, .ui-accordion-header:active, .ui-accordion-header:focus {
        border: solid #00a1cf 1px !important;
    }
}

enter image description here

Я тестировал, он работает, когда я принудительно выбираю focus в инструментах разработчика Chrome, но не когда я выбираю вкладку клавиатуры.

enter image description here

Я не могу понять, почему он не выделяется, когда focus ed с использованием клавиатуры TAB. Может кто-нибудь мне помочь? Заранее спасибо:)

1 Ответ

0 голосов
/ 10 ноября 2018

Как выглядит разметка? Обычно при использовании табуляции для фокусировки по умолчанию используются следующие элементы:

  • a (якоря)
  • Кнопка
  • Входы
  • прокручиваемым

Если у вас есть элемент другого типа, например, div, вы можете попытаться выделить его, добавив tabindex к вашей разметке.

...