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

标签 css internet-explorer extjs ext.net

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

最佳答案

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

我必须添加背景图像:无;到 CSS。

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

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

关于css - Ext.Net 工具栏按钮背景颜色(在 IE 中不正确),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28085957/

相关文章:

CSS - 使元素从上一行的中间开始

extjs - 如何在 Extjs TabPanel 的选项卡中添加工具?

javascript - 如何更改脚本以适合下拉列表?

javascript - 如何在同一对象(无范围输入)上使用 javascript 独立控制 translateX 和 translateY?

html - 简单的命名 anchor 在 FF 中不起作用,但在 IE 中起作用

css - IE 和 Edge 的高对比度下划线问题

Windows 上的 Docker-for-selenium

css - ExtJS:删除 Firefox 中不必要的表单项滚动条

EXTJS 3.3.3 网格

javascript - 如何在某些元素上禁用 Cufon?