javascript - 停用鼠标轮廓并在使用时保留（键盘）

Question

改善我的应用程序可访问性

我想在使用鼠标导航时禁用轮廓并在使用键盘导航时保留它们（TAB）

我能够用事件监听器来处理它

var head = document.head || document.getElementsByTagName(’head’)[0];
var axsStyles = head.appendChild(document.createElement(’style’));
document.addEventListener(’mousedown’, function() {
    axsStyles.innerHTML = ’* {outline:none !important}’;
});
document.addEventListener(’keydown’, function() {
    axsStyles.innerHTML = ’’;
});

但我只想用 css 来做

这可能吗，因为我想在我的 Angular 应用程序中本地将它集成到 css 上？

标签： javascripthtmlcssangular