vmware clarity控件周围的黑色边框

Question

在最近发布的用于angular的vmware clarity控件中，当单击控件时，控件周围会出现黑色边框。请看下面的屏幕截图，其中显示了一个被点击的按钮。

这是设计的一部分吗？这可以很容易地改变吗？

​

​

Answer 1

这是针对视障人士的辅助功能，一种解决方法是在styles.scss中添加以下代码以移除轮廓样式

* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
outline: none !important;
}