2011-10-26 11 views
3

TabPanelといくつかのタブを付けてFormPanelを作成しました。タブの背景色はデフォルトの白ですが、私は彼らにすべてPanelに通常存在するテーマ(デフォルトの青色)の色を持たせたいと思います。Extjs 3.x:白の代わりにタブパネルのタブのデフォルトテーマカラー

私が追加しようとしている

bodyStyle属性: '背景色:!透明重要な' 形式、タブパネルおよびタブに

、それがなくて、IE9とChromeで動作しますFireFox?

どのように擬似カラー値としてtransparentがFireFoxで破棄されるのですか?


JavaScriptの

代わり background:noneを使用しないのはなぜ
var form = new Ext.form.FormPanel({ 
    border: false, 
    bodyStyle: 'background-color: transparent !important',    
    layout: 'fit', 
    items: [ 
    { 
     xtype: 'tabpanel', 
     activeTab: 0, 
     bodyStyle: 'background-color: transparent !important', 
     deferredRender: false, 
     defaults: { 
      bodyStyle: 'padding: 4px; background-color: transparent !important', 
      layout: 'form', 
      autoScroll: true 
     }, 
     items: [ 
     { 
      title: 'Tab 1', 
      items: [ 
       ... 
      ] 
     }, { 
      title: 'Tab 2', 
      items: [ 
       ... 
      ] 
     }] 
    }] 
}); 

答えて

3

bodyStyle: 'background: none' 

デモ:http://jsfiddle.net/chaoszcat/ug7Qg/をご覧ください。

ところで、FormPanelのように青い背景がないようです。背景はデフォルトで白です。

関連する問題