0

I'm using Ext js 6.2.1 Treelist. Here is the kitchen sink link.

I modified styling of a Extjs treelist items. In Normal mode (micro=false) they look good with different background color, padding etc. But when Tree list is in Micro mode (micro=true) and I hover over the icons- the menu appear with default styling.

How can I apply same/different styling on those menus that come out when I hover over?

Looking at the DOM is puzzling as same unordered list items are being used to be shown as hover over for toolstrip.

Would appreciate any insights on how to do this.

4

1 に答える 1

0

カーソルを合わせたときに強調表示するノードを右クリックし、[要素の検査] をクリックします。その要素の css クラスが表示されます。要素のクラスを書き留めて、css ファイルに、「要素の検査」で見つけたクラスを background-color プロパティとともに追加します。

図1

図2

CSSでは、

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

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

于 2017-05-12T07:48:50.777 に答える