Ext.Net工具栏按钮背景颜色(IE中不正确)

时间:2015-01-22 10:05:35

标签: css internet-explorer extjs ext.net

我有一个带有TopBar的Panel的ViewPort。

CSS部分

 .mytoolbar .x-btn-default-toolbar-small
 {
        border-style:none;
        background-color:blue;
 }

ASPX:

       <ext:Panel runat="server" Layout="HBoxLayout" ID="TestPanel" Region="Center" BodyStyle="border-style:none;">
          <LayoutConfig>
             <ext:HBoxLayoutConfig Align="Stretch"></ext:HBoxLayoutConfig>
          </LayoutConfig>
          <TopBar>
             <ext:Toolbar runat="server" Cls="mytoolbar" Flat="true" ClassicButtonStyle="false" MinHeight="40">
                <Items>
                   <ext:Button runat="server" ID="btnTest" Text="Test"></ext:Button>
                </Items>
             </ext:Toolbar>
                </TopBar>
            </ext:Panel>

Firefox和Chrome中的背景颜色确实是蓝色,而Internet Explorer 11中的背景颜色是灰色。

如何在IE中修复此问题?

1 个答案:

答案 0 :(得分:1)

我花了很多时间试图找到答案,我在Ext.Net Forums阅读这篇文章后找到答案。

我不得不添加background-image:none;到CSS。

 .mytoolbar .x-btn-default-toolbar-small
 {
        border-style:none;
        background-color:#004191;
        background-image:none;
 }

我希望这能帮助别人解决我必须经历的麻烦。