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

正确的方式做到这一点是这样的：

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

Answer 2

的正确方法主题ExtJS的是修改和建立自己的SASS。这样你的CSS保持干净和易于管理。更多关于编译SASS的信息，http://www.sencha.com/learn/theming/