KendoUI TreeList Change Expand/Collapse Icon

Question

Im пытается изменить по умолчанию развернуть/свернуть значки до более крупных значков. Я установил следующие изменения CSS, которые не кажется, чтобы принимать какие-либо эффект:

.k-treelist .k-minus {   
    background: url('../img/Misc/customCollapsedIcon.png') center center; 
} 

.k-treelist .k-plus { 
    background: url('../img/Misc/customExpandedIcon.png') center center; 
} 

Может кто-нибудь дать мне несколько советов о том, что мне нужно изменить для этого, чтобы принять влияние на TreeList?

Answer 1

Попробуйте указать точную высоту и ширину для каждого нового значка в этих правилах CSS.

Если это не сработает, убедитесь, что другие правила CSS не переопределяют эти правила.

Answer 2

с 2016 Q1 версии вы должны использовать

.k-treelist .k-i-expand{ 
background: url("/Content/...") center center no-repeat // i'm on an asp.net web app 
} 
.k-treelist .k-i-collapse{ 
background: url("/Content/...") center center no-repeat 
} 

я использовал шрифт удивительные иконы, так что я должен был пойти в http://fa2png.io/ и конвертировать шеврона право на PNG и сохранить его 16x16