Sencha - 將底部標題邊框添加到面板

我有一個面板（extjs面板），我只需要繪製面板標題的底部邊框。Sencha - 將底部標題邊框添加到面板

我檢查了用我的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文件上面寫的代碼，它不工作並沒有發生。可能neptune-theme.css中使用的!important功能具有重要優先權？

有誰知道如何解決它？

2015-11-23 dgcipp

我知道這個問題很舊，但最近我遇到了這個問題。無法通過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）

2016-06-22 18:36:06 Syrupjuice

回答