如何更改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*/
}

（演示here。）

我有什么问题？

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*/
}