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