Is it possible to apply custom CSS to an individual field?


I'm a developer with Cognito Forms.

You can use CSS to target field types and labels when your Cognito Form is embedded on your website. You can use our list of CSS class properties, and then use CSS attribute selector to target a specific field.

This would use '[Data-Field="FieldName"] after the class property. If you wanted to target an Email Address field that was labeled 'Email' The CSS selector would look like the following.


With the full CSS looking like the following.

.c-email[Data-Field="Email"] {font-size: larger;}
| improve this answer | |
  • Thank you. Could u please provide CSS for the WIDTH of a SPECIFIC Choice/Checkbox Field? – Certify Accomp Sep 21 '17 at 12:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.