Modify ExtJS source Close button style

First find the ExtJS style file by file reference:

<link rel= "stylesheet" type= "Text/css" href= "<%=basepath%>/publicresource/extlib/resources/css/ Ext-all.css "/>

Open EXT-ALL.CSS Add the following code at the end of the file

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

Used to specify the position of the Close button picture, width and height. Here's my picture.

Use Google, Firefox, IE and other browser-brought development mode, view the Close button specific reference to the path of the picture. Add your own picture at the bottom of the picture on the ol. Here's my path.

Publicresource\extlib\resources\images\default\panel

After the change, all the window close buttons are changed, and the customer is no longer worried about not finding the close button. The following