如何更改字段集切换图标？答案

【问题标题】：How to change fieldset toggle icon?如何更改字段集切换图标？
【发布时间】：2012-03-29 00:46:19
【问题描述】：

我想将默认的三角形切换图标更改为“+”/“-”

.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.)

我有什么问题？

【问题讨论】：

标签： extjs icons toggle collapse fieldset

【解决方案1】：

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

【讨论】：

【解决方案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*/
}

【讨论】：