键盘TAB选项不可见

Question

我有一个角度应用程序，当我使用键盘TAB在元素周围移动时，当前聚焦的元素未突出显示。

这是我选择元素时的样子

这是当我然后单击空间以展开手风琴时的状态

然后我添加了以下CSS，但仅在鼠标悬停上起作用，而在选项卡选择上不起作用。

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

我一直在测试，当我在chrome开发人员工具中强制选择 focus 时，它可以工作，但是当我选择键盘选项卡时，却不能。

我无法弄清楚为什么使用键盘TAB focus 不能突出显示它。谁能帮我吗？在此先感谢：）

Answer 1

标记是什么样的？通常，在选择焦点时，默认情况下具有焦点的元素是：

• a（锚）
• 按钮
• 输入
• 文本区域

如果您使用的是div等其他类型的元素，则可以通过在标记中添加 tabindex 来尝试使其具有焦点。