Change the Border Color for Promotion and Custom Form Fields

Learn how to change the border color of your form fields using CSS. Find the Hex Value for your desired color.

By Dana Kilroy ・1 min read

ShortStack Tips & Tricks

Want to spice up your form fields a bit?

Try changing the border color! It's easy, just drop the following CSS into your CSS Editor and choose the color you'd like to use:

/*Form/Promotion Form Input Field*/input, select, textarea{ border-color:#ff00ff;

/*Determines color of border*/border-width: 1px; /*Sets border thickness*/border-style: solid; /*Styles the border*/}

‍Check out this Hex Value guide from w3schools.com: http://www.w3schools.com/cssref/css_colors.asp to find the Hex Value associated with the color you want to use.

Also, if you're interested in experimenting with border styles, check out this helpful guide: http://www.w3schools.com/cssref/pr_border-style.asp

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.