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

Question

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

Answer 1

我花了很多时间试图弄清楚这个问题，在阅读 Ext.Net Forums 上的这篇 post 后我找到了答案。

我必须添加背景图片：none； CSS.

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

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

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

Ext.Net toolbar button background color (incorrect in IE)

css

internet-explorer

extjs

ext.net