Как изменить значок переключателя fieldset?

Question

Я хочу изменить значок переключения треугольника по умолчанию на '+' / '-'

.legendFieldSet {
    border-width: 0px; 
    margin-bottom:10px;
}

.legendFieldSet .x-tool-toggle{
    background-position: 0 -255px !important; /*the minus sign*/
}

.legendFieldSet .x-panel-collapsed .x-tool-toggle{
    background-position: 0 -240px !important; /*the plus sign*/
}

(Демо здесь .)

Что не так с чемУ меня есть?

Answer 1

Правильный путь к теме ExtJS - это модифицировать и собрать свой SASS.Таким образом, ваш CSS остается чистым и управляемым.Больше информации о компиляции SASS здесь, http://www.sencha.com/learn/theming/

Answer 2

Правильный способ сделать это так:

.legendFieldSet .x-tool-toggle {
    background-position: 0 -255px !important; /*the minus sign*/
}

.legendFieldSet.x-fieldset-collapsed .x-tool-toggle {
    background-position: 0 -240px !important; /*the plus sign*/
}