Change the Border Color for Promotion and Custom Form Fields
Learn how to spice up your form fields by changing the border color with this easy CSS trick. Find the perfect color and get creative!
Dana Kilroy
April 15, 2015
Learn how to change the border color of your form fields using CSS. Find the Hex Value for your desired color.
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
Categories