ExtJS's Fileuploadfield file upload shows two upload buttons _extjs

Use the ExtJS Fileuploadfield plugin upload file, because Fileuploadfield is ext expansion plug-in so in its API is not found its method, this file in the ExtJS Examples folder under the UX, So in the use of Fileuploadfield must be introduced in order to use, in the use of the process will appear a problem is, in the page appeared two upload buttons, this is and Ext's own CSS style has a relationship, so to modify the style:

Copy Code code as follows:

<style type=text/css>. Upload-icon {
Background:url (' images/image_add.png ') no-repeat 0 0!important;
}
. x-form-file-wrap {
position:relative;
height:22px;
}
. x-form-file-wrap. x-form-file {
Position:absolute;
right:0;
-moz-opacity:0;
Filter:alpha (opacity:0);
opacity:0;
Z-index:2;
height:22px;
}
. x-form-file-wrap. x-form-file-btn {
Position:absolute;
right:0;
Z-index:1;
}
. x-form-file-wrap. X-form-file-text {
Position:absolute;
left:0;
Z-index:3;
Color: #777;
}
</style>

This time the use of plug-ins will not be normal.