PrimeFaces AutoComplete changing default size

I changed the default size for AutoComplete in Primefaces 5.2 by using the inputStyle attribute.

Example:

inputStyle="width: 100px"

It is just need to change of size ;

     size="30"

    <p:autoComplete id="yourId" value="#{YourBean.value}" completeMethod="#{YurBean.complete}" size="30"/> 

To change the size of AutoComplete., you need to override the primefaces' default styleClass for AutoComplete. Using firebug you can find out the styleclass name exactly. If you inspect the AutoComplete Element by using firebug., you can override the styleclass like .ui-autocomplete-input.ui-inputfield { width : 50px !important;
}

!important is noted here to insist to carry high priority.