css - 从伪元素中删除浏览器可访问性大纲

Question

我有一个按钮，它有一个 :after，我需要向它添加一个 outline:none，但只有当我将它添加到按钮本身时它才有效。知道如何从 `:after only 中删除轮廓吗？

.dropdown-button:global(.is-active):after {
  display: block;
  background-color: white;
  outline: none !important;
}

Answer 1

事实证明，您无法从 :after 所在的元素中删除轮廓。

作为替代方案，我将它作为 :before 添加到它下面的元素中。看起来一样。