Panel HTML color white not working

[stirucherai]

Dear All,


var rootPanel= new Ext.Panel({
fullscreen:true,
dockedItems: [
{
dock:"top",
items:[{xtype:'toolbar', ui:'light',
items: [
{ xtype:'panel', id:"PattuName", height:40, width:300, style:'color:white'},
{ xtype: 'spacer'},
{ iconMask: true, ui: 'plain', iconCls: 'delete', style:"float:right" },
{ iconMask: true, ui: 'plain', iconCls: 'add' }
]
},]})


Ext.get("PattuName").update('Some text');


The above code does not work. When I change the color:white to any other value (like black, blue) it works. I need white please help resolve this issue

[DougMcDonald]

Just a guess but have you tried using #ffffff in place of white?

[stirucherai]

Yes I did try #ffffff and result is same. Meaning if it is #fffffff the text is not displayed (even for #fffff0) but displays for some #ffff

[stirucherai]

interesting update. Just now checked in Safari and it is perfect, the issue is only in Chrome.