我有这样的css
*:focus-visible {
outline: 2px solid blue; /* This value is dynamically set based on configuration */
}
我现在有一个toggle类的按钮，它有
.toggle {
/* ... many other styles */
outline: none;
}
这outline: none是为了防止在点击按钮时显示默认的焦点轮廓.然而，我现在希望上面定义的focus-visible样式应用于它，因为focus-visible样式只在更具体的情况下应用，当焦点确实应该是可见的，而不仅仅是当按钮被单击时.
我还有点期待这样的事情能奏效:
.toggle:focus-visible {
outline: inherit;
}
但如果我理解正确的话，inherit并不意味着它继承了父级的focus-visible样式的值.有没有办法做到这一点，而不必复制前面设置的值？换句话说，有没有办法让它"后退"？