* Make standard form fields to make read-only
 * To apply, add CSS class 'wpf-disable-field' (no quotes) to field in form builder
 * @link
function wpf_dev_disable_field() {
    <script type="text/javascript">
    jQuery(function($) {
            $('.wpf-disable-field input, .wpf-disable-field textarea').attr('readonly','readonly');
add_action( 'wpforms_wp_footer_end', 'wpf_dev_disable_field', 30 );


input#wpforms-2228-field_14 {
    background-color: beige;
    color: gainsboro;
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter