天天看點

修改easyui panel 預設樣式

有這麼個需求需要修改easyui

panel頭部中的背景色。于是根據panel中的最終被浏覽器解析出來的類名,直接修改這個css樣式,設定backgroud-color這個屬性,發現不管用。

于是,就根據panel最後被解析出來的樣式類名,手動的建這個類名,然後把背景色修改為白色,發現也無濟于事。

經過摸索有兩種辦法:

1,在引入的easyui.css樣式表中,添加沒有背景色的樣式,下面的樣式必須放到easui.css中去,注意:單擊建一個css檔案,并把下面的代碼拷過來就可以了。這個缺點是嚴重浪費了資源,每一種樣式都要添加。

e.g

然後在動态生成的panel使用這個類名:

還有另外一種方法就是,直接看下面的代碼吧,注意這裡的類名不是paenl解析之後的panel,而是預設的panel樣式,$(‘.panel-header‘),這裡是動态設定樣式,通過以上兩種例子,可以動态修改panel裡的内容資訊,樣式資訊。

easyui panel提供了自定義的樣式,可以動态添加。

panel屬性清單不一一列舉了,隻說

屬性:headercls string 對面版頭部引用一個css類。