仅当使用键盘而非鼠标导航时，如何才能在extjs中集中元素？

问题描述

我试图查看extjs中使用的“ focused”元素，但是我们的UX仅在使用键盘进行聚焦时才希望具有“ border”，而不是例如在单击元素时总是具有“ border”。 有人知道一些配置来实现吗？ 我现在已经使用了此配置，但并不真正喜欢它们，因为当我将鼠标移到单击按钮之外时，边框就会可见：

// sass/var/Ext/button/Button.scss
$button-default-inner-border-width-focus: dynamic(1px);
$button-default-inner-border-color-focus: dynamic(#008d56);
$button-default-inner-border-color-over: dynamic(#25BD59);
$button-default-inner-border-color-focus-over: dynamic(#25BD59);
$button-default-inner-border-color-pressed: dynamic(#2AA65B);
$button-default-inner-border-color-focus-pressed: dynamic(#2AA65B);

$button-toolbar-inner-border-width-focus: dynamic(1px);
$button-toolbar-inner-border-color-focus: dynamic(#008d56);
$button-toolbar-inner-border-color-over: dynamic(#E1E7EB);
$button-toolbar-inner-border-color-focus-over: dynamic(#E1E7EB); // tmp hack to hide "focus"
$button-toolbar-inner-border-color-pressed: dynamic(#B4B8BC);//use same color as button
$button-toolbar-inner-border-color-focus-pressed: dynamic(#B4B8BC); // tmp hack to hide "focus"

// sass/var/Ext/view/Table.scss
$grid-row-cell-focus-border-width : dynamic(1px);

// sass/var/Ext/tab/Tab.scss
$tab-outline-width-focus: dynamic(1px);

解决方法

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

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

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