代码之家  ›  专栏  ›  技术社区  ›  Puneet Chawla

删除ExtJS 5中的面板边框默认css

  •  1
  • Puneet Chawla  · 技术社区  · 10 年前

    我想完全删除面板边框(边框、背景图像和所有)。我有一个窗口,它有6个面板,每个面板都有标题。我只想要没有边框的标题名。

    问题可能重复,但我没有得到答案。

    我尝试过边界:错误但不起作用。

    enter image description here

    1 回复  |  直到 10 年前
        1
  •  1
  •   Greendrake    10 年前

    添加 cls 选项设置为窗口,以便您可以调整“无边框”样式的范围:

    cls: 'noPanelBorder'
    

    然后使用这个:

    .noPanelBorder .x-panel-body-default,
    .noPanelBorder .x-panel-header-default,
    .noPanelBorder .x-panel-default {
        border: none;
        box-shadow: none;
        background: none;
    }
    

    参见示例: https://fiddle.sencha.com/#fiddle/sbs

    注意,建议将SCSS与Sencha CMD一起使用,以便样式声明看起来更简单。