pressedCls在煎茶觸摸應用

Question

doesn't與segmentedButton工作，我用的部件的煎茶觸摸應用程序工作「segmentedbutton」

{ 
     xtype  : 'segmentedbutton', 
     cls  : 'filterbar-segmented-button', 
     pressedCls: 'filterbar-segmented-button-pressed', 
     items  : [ 
      { 
      itemId : 'showAllCustomers', 
      iconCls : 'user', 
      iconMask: true, 
      pressed : true 
      }, 
      { 
      itemId : 'showCustomersWithSurvey', 
      iconCls : 'compose', 
      iconMask: true 
      } 
     ] 
     } 

我指定根據按鈕的不同的CSS類被按下。 。但它不能正常工作和字體的顏色沒有改變..

這裏的CSS代碼：

.filterbar-segmented-button { 
    padding-left: 18%; 
    color: blue; 
    .filterbar-segmented-button-pressed{ 
    background-color: blue; 
    color: white; 
    } 
} 

我在做什麼錯？

謝謝你提前

Answer 1

你的應用CSS在錯誤方式的CSS類的層次結構是錯誤的

'filterbar分段按鈕'， 'filterbar-segmented-button-pressed'

這兩個Css將應用於相同的分段按鈕。 中序到應用Presed CLS對於Button

.filterbar-segmented-button.filterbar-segmented-button-pressed{ 
//PRessed Cls Code 
} 

這將工作按預期在這種情況下

Answer 2

你的CSS是不正確的。嘗試這個。

.filterbar-segmented-button { 
    padding-left: 18%; 
    color: blue; 
} 
.filterbar-segmented-button-pressed{ 
    background-color: blue; 
    color: white; 
} 

Answer 3

我發現這種方式的解決方案..

.filterbar-segmented-button { 
    padding-left: 18%; 
    color: blue; 
    .filterbar-segmented-button-pressed{ 
    background-color: blue; 
    .x-button-icon, 
    .x-button-label { 
     color: #f8f8f8; 
    } 
    } 
}