Doubt

[betobrito]

In the form you used "p: button" but usually we use <input type = "submit" button using the classes in the normal input, because it has icons etc.

[mert.sincan]

You need to write custom css. Please try;

Code: Select all

<style type="text/css">
    
input[type=submit] {
    padding: 10px 24px; 
}

input[type=submit]:hover {
    background-color: #03a9f4;
}

input[type=submit]:focus {
    background-color: #03a9f4;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

input[type=submit]:active {
    background-color: #176ba0;
}

</style>

Example;

Code: Select all

<p:button value="Test with p:button" style="margin-bottom: 10px;" />

<input type="submit" value="Test with input type='submit'" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" />