修改extjs源碼關閉按鈕樣式

首先經過文件引用找到extjs的樣式文件:
css

<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;
}

用來指定關閉按鈕圖片的位置,寬和高。下面是個人圖片code

使用谷歌,火狐,ie等瀏覽器自帶的開發模式,查看關閉按鈕 具體引用的圖片的路徑。在圖片最下面添加本身的圖片就oL.下面是個人路徑圖片

publicresource\extlib\resources\images\default\panel

改了以後全部的window關閉按鈕都變了,客戶不再擔憂找不到關閉按鈕了。下面的效果圖開發

相關文章
相關標籤/搜索