css - How to re-size the <p:fileUpload ...> button in primefaces? -
i added fileupload button in jsf , wanted re-size width using css non of following approaches working. not enough container behaves strange when inspecting rendered html code chrome-developer-tools.
screenshot of jsf:
the element container size 1891px , don't have idea set css file.
my css file:
ul { list-style: none; } body { font-family: arial; } #recordingslist audio { display: block; margin-bottom: 10px; } .btn_style1 { width: 100px; height: 50px; } .text_style1 { font-size: x-large; } .text_style2 { font-size: medium; width: 20%; } .text_style3 { font-size: large; font-weight: bold; color: #007e50; display: block; width: 600px; } .c_style1 { width: 150px; height: 50px; } .ui-widget { font-family: arial, sans-serif; font-size: 100% ! important; } .ui-button { width: 200px; height: 50px; }
my jsf code:
<h:form id="uploadform"> <p:growl id="messages" showdetail="true" /> <p:fileupload id="uploadbtn1" value="#{fileuploadview.file}" mode="simple" skinsimple="true" style="width: 200px; height: 51px;" /> </h:form>
i have tried set style attribute of , styleclass attribute according this, still no effect.
has idea, did wrong.
Comments
Post a Comment