How to change the size(width) of p:fileupload in prime faces

问题

I have a p:fileupload but its size can not be reduced. I checked the primefaces3.1 user manual but could not find an attribute to reduce the size of the component.Because of this my fileUpload componenet cut crosses the panel.Please help.I tried to width= but it did not succeed.Below is the code that i use:

<p:fileUpload fileUploadListener="#{editBean.editFileUpload}" width="10px"
                        process="studyPlanEditForm:displayname1"
                        update=":studyPlanEditForm">
                    </p:fileUpload>

回答1:

You can use the attribute styleClass with your own css class and redefine the width inside the CSS.

来源：https://stackoverflow.com/questions/10981560/how-to-change-the-sizewidth-of-pfileupload-in-prime-faces