<p:fileUpload>ファイルのアップロード機能にタグを使用しています。ただし、テキストボックスのサイズを変更する必要があります。変更できません。
<h:outputLabel id="attachment_label" value="Add Attachment(s)" styleClass="atf-label" />
<p:fileUpload value="" mode="simple" style="width:350px"/>
CSSで幅を設定しようとしましたが、効果がありませんでした。
これが可能かどうかを確認するために、少しテストを行いました。Primefacesは、単純なfileUploadを次のように変換します。
<input type="file" id="fileUploadForm:j_idt90" name="fileUploadForm:j_idt90" style="">
これは基本的に、タイプファイルの標準的なブラウザ入力フィールドです。つまり、chrome、firefoxでは、すべての外観が異なります。私のロケールでは、このボックスの標準サイズは238pxであり、入力タイプの幅を大きくすると、アップロードを囲むボックスが大きくなるのがわかりますが、残念ながらテキストボックスとボタンが続きません。
fileuploadを別のものにしたい場合は、fileuploadの詳細モードを確認することをお勧めします。Primefacesショーケースで動作していることを確認できます：http：//www.primefaces.org/showcase/ui/fileUploadSingle.jsf
編集： IE8でテストするのを忘れました（このコンピューターにはie8しかありません）。Chromeではテキストは出力テキストです。Firefoxでは入力テキストフィールドにあり、大きくすることはできませんが、IE8では幅を追加すると次のようになります。
<p:fileUpload value="#{fileUploadBean.file}" mode="simple" style="width:500px;"/>
入力ボックスは大きくなります。