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:

enter image description here

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

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -