按钮不可访问且未聚焦在 Tab 键上

问题描述

我有以下代码可以在多选下拉列表中显示按钮。我为每个

标签使用了 tabindex="0"。还在 css 中添加了焦点。 HTML代码：

<div class="form-group-multi__MultiControls">
<p tabindex="0" class="btn-tertiary--light">Cancel</p>
<p tabindex="0" class="btn-clear-all">Clear all</p>
<p tabindex="0" class="btn-secondary">Apply</p>
</div>

CSS 代码：

.btn-clear-all:focus {
  outline: -webkit-focus-ring-color auto 1px;
  outline: 1px solid black;
  }

我的问题是“取消”按钮可通过 Tab 键访问，但其他两个按钮不可访问 - 全部清除并应用。

如果我遗漏了什么，请提出建议。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）