修改extjs源碼關閉按鈕樣式

標籤：style   http   使用   os   io   檔案   2014   ar   

首先通過檔案引用找到extjs的樣式檔案：

<link rel="stylesheet" type="text/css"href="<%=basePath%>/publicresource/extlib/resources/css/ext-all.css" />

開啟ext-all.css在檔案最後添加下面代碼

.x-tool-close {         background-position:-2 -380px;    width:61; height:25;}.x-tool-close-over { background-position:-62 -380px;   width:61; height:25;}

用來指定關閉按鈕圖片的位置，寬和高。下面是我的圖片

使用Google，Firefox，ie等瀏覽器內建的開發模式，查看關閉按鈕 具體引用的圖片的路徑。在圖片最下面添加自己的圖片就oL.下面是我的路徑

publicresource\extlib\resources\images\default\panel

改了之後所有的window關閉按鈕都變了，客戶再也不擔心找不到關閉按鈕了。下面的