Ext.Net 工具栏按钮背景颜色（在 IE 中不正确）答案

【问题标题】：Ext.Net toolbar button background color (incorrect in IE)Ext.Net 工具栏按钮背景颜色（在 IE 中不正确）
【发布时间】：2015-01-22 10:05:34
【问题描述】：

我有一个 ViewPort 和一个具有 TopBar 的面板。

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 中解决这个问题？

【问题讨论】：

标签： css internet-explorer extjs ext.net

【解决方案1】：

我花了很多时间试图弄清楚这一点，在阅读了Ext.Net Forums 上的这篇文章后，我找到了答案。

我必须添加 background-image:none;到 CSS。

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

我希望这能帮别人省去我必须经历的麻烦。

【讨论】：