Customize the Form Input Field Text and Dropdowns

This content provides CSS code to customize the appearance of form input fields and dropdowns, along with additional resources for customization.

By Dana Kilroy ・1 min read

ShortStack Tips & Tricks

Could your Promotions and Custom Forms use a bit of a face-lift?

Use the following CSS to give the field input text and dropdowns a bit more oomph:

/*Customize Form Input Field Text and Dropdowns*/select, .horizontal_container .field_block input, .horizontal_container .field_block textarea{ color:#f00f00; font-size:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }

As always, here are a few resources to help you customize the CSS and make it your own:

Web-safe font guide: http://www.w3schools.com/cssref/css_websafe_fonts.asp

Both of the above guides are provided by w3schools.com.

About the author

By Dana Kilroy ・1 min read

Follow

Dana Sullivan Kilroy is a communications professional with more than 20 years of experience delivering compelling content. Her work has appeared in national, award-winning publications and sites, including: The New York Times, The Los Angeles Times, The Wall Street Journal, USA Today, and Fast Company, Inc.