Html Sencha-将底部标题边框添加到面板

我有一个面板（extjs面板），我只需要绘制面板标题的底部边框

我使用firebug检查了我的web应用程序主题，发现有一个css属性允许绘制面板标题的下边框：

.x-docked-top{
   border-bottom-width: 0 !important;  // neptune-theme.css
}

正如我所说，这个属性是通过海王星主题模板设置的。。。因此，我需要将此属性设置为“1”，如下所示：

.x-docked-top{
       border-bottom-width: 1 !important;  // myCustomCss.css
}

问题是，我不知道为什么如果我在我的

myCustomCss.css

文件中编写上述代码，它就不起作用，也不会发生任何事情。也许是

！重要的

海王星主题中使用的功能。css具有主要优先级

---

有人知道怎么解决吗？

我知道这个问题很老了，但我最近遇到了这个问题。不可能通过Sencha变量以单个边框为目标。我只发现直接覆盖CSS是成功的

由于缺少该值后面的单位，因此所使用的解决方案不起作用

.x-docked-top{
       border-bottom-width: 1px !important;  // myCustomCss.css
}

然而，课程和过程应该在理论上起作用。如果不是，其他一些课程可能更容易接受。这就是我最后添加属性的类：

.x-panel-header-default-horizontal.x-header-noborder {
  border-bottom: 2px solid #BFBFBF !important;
}

除了底部，我不想要任何边界。该属性影响大多数组件，但少数情况除外，需要其他替代。（使用Sencha ExtJS 6）