マイクロモードでExtJs treelistのメニューにカーソルを合わせるスタイルを変更するには

Question

Ext js 6.2.1 Treelistを使用しています。ここにキッチンシンクlinkがあります。

Extjs treelistアイテムのスタイリングを修正しました。ノーマルモード（ミクロ=偽）では、背景色、パディングなどが異なるとよく見えますが、ツリーリストがマイクロモード（マイクロ=真）で、アイコンの上にマウスを置くと、メニューはデフォルトのスタイリングで表示されます。

どのように私は上に置かれたときに出てくるそれらのメニューに同じ/異なるスタイリングを適用できますか？

DOMを見ると、同じ順序のないリスト項目がツールストリップの上にホバーオーバーとして表示されているため、困惑しています。

これを行う方法については、ご理解いただけますようお願いいたします。

Answer 1

上に移動するときに強調表示するノードを右クリックし、[要素の検査]をクリックします。その要素のCSSクラスが表示されます。要素のクラスをメモし、CSSファイルで、 'Inspect element'で見つかったクラスをbackground-colorプロパティで追加します。

CSSで

、

.x-tree-node-text:hover{background-color:blue !important} 

ほとんどの例のソースはExtJSの中で、あなたがダウンロードしたフォルダです。あなたが参照できる 'examples'フォルダがあります。