Skip to main content
Pricing Templates

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.

Dana Kilroy · · 1 min read
Change the Border Color for Promotion and Custom Form Fields

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

Ready to create your first campaign?

Join thousands of businesses using ShortStack to grow their business.

Start Free