Changing default styles

The content of the includes section are appended inside the final form html. You can add any additional scripts to be included in the form, or define your required styles. For example :

Code

<style>

.pf-required-field {border-style: dotted; border-width: 2px; }

.pf-button {background-color:blue; color:#ddd;}

.pf-button:hover {color:#fff;background-color:#000000;cursor:pointer;}

.pf-button:active {color:#fff;background-color:#f0713a;}

.pf-button:disabled {color:#aaa;background-color:#f2f2f2;}

.pf-toolbar-button {height:80px;width:75px;}

.pf-section-header-text {font-size:14px; color:#3333FF; float:left;}

.pf-picker-item:hover {color:#000; border-color:#999; background-color:#fff;}

</style>

function Foo(a) {return a;}

</script>