ExtJS 6フォーカスのある要素のアウトラインを削除する

Question

ExtJS 6アプリケーションでフォーカスのある要素（タブ、グリッドセルなど）のアウトラインを削除する方法はありますか？このためのグローバル設定はありますか？

例：私はこのCSSルール

* { 
    outline: none !important; 
} 

.x-grid-item-focused .x-grid-cell-inner:before { 
    border: 0; 
} 

しかし残念ながら、それは仕事をdoesntのいくつかの集中要素のために、タブ、ボタン、グリッドセルのアウトラインを削除するには、管理

。いくつかのコンポーネントでは、ExtJSが境界/アウトラインを追加するために異なるCSSルールを追加することに気付きました。

例えばボーダーレイア分割セパレータコンポーネントには、アウトライン付きの:afterが追加されました。

この問題の解決策はありますか？

P.S.なぜ地球上のSenchaは、このスタイルを削除する機能を持たないフレームワークにこのスタイルを追加します。 IMOそれはかなり迷惑であり、テーマを複雑にします。

Answer 1

私はちょっと同じ問題を抱えていたと私は、行のセル
については、この優れたブログはこちらBlog
そして、ここで見つかった例であるFiddle

をここグリッド焦点を当てた行を削除CSSコードがあります-cell境界

.x-grid-item-focused .x-grid-cell-inner:before { 
border: 0; 

}あなたはいけない

Answer 2

ないあなたが必要なものを100％確認ができますが、VAR/all.scssまたはパッケージでこれらの変数を設定することができます/独自のテーマ/クラシック/ SASSの/ var /ビュー/ Table.scss

/ローカル

$grid-row-cell-focus-border-color: transparent; 
$grid-row-cell-focus-border-width: 0;