voodoov
17 Mar 2012, 10:35 PM
Hi,
Overriding Ext CSS file affects all browsers except IE.
For example I override Panel Header like this:
.x-panel-header-default-framed-top
{
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: none #eee !important;
border: none !important;
border-bottom: solid 1px #ccc !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
padding: 5px 4px 3px 4px;
}
HTML File:
<link href="ext/resources/css/ext-all.css" rel="stylesheet" type="text/css">
<link href="styles/mycss.css" rel="stylesheet" type="text/css">
I think overriding radius, box-shadow and background-image doesn't affect in IE.
I have tested this with IE9 (Windows 7 64bit).
Any help would be appreciated.
Overriding Ext CSS file affects all browsers except IE.
For example I override Panel Header like this:
.x-panel-header-default-framed-top
{
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: none #eee !important;
border: none !important;
border-bottom: solid 1px #ccc !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
padding: 5px 4px 3px 4px;
}
HTML File:
<link href="ext/resources/css/ext-all.css" rel="stylesheet" type="text/css">
<link href="styles/mycss.css" rel="stylesheet" type="text/css">
I think overriding radius, box-shadow and background-image doesn't affect in IE.
I have tested this with IE9 (Windows 7 64bit).
Any help would be appreciated.