CMS Development

JLittle2
Contributor

Form Fields Have Drop Shadow

SOLVE

I've been working on some css to change the look of our forms. I'm currently trying to get rid of this odd drop shadow that is inside our form fields - it only shows along the top and left side of the fields. 

 

Has anyone seen this before? Where is this styling coming from? I've written multiple hubspot forms stylesheets for other websites and never had this happen.

Screenshot 2024-02-14 at 11.42.43 AM.png

0 Upvotes
1 Accepted solution
alyssamwilie
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Form Fields Have Drop Shadow

SOLVE

You didn't add a border-style. By default some browsers add an "inset" border style to form fields so that's what you're seeing there.

If this answer solved your question, please mark it as the solution.

Alyssa Wilie Profile Image

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner
Lynton's HubSpot theme Rubric now available. Click to download.

View solution in original post

0 Upvotes
1 Reply 1
alyssamwilie
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Form Fields Have Drop Shadow

SOLVE

You didn't add a border-style. By default some browsers add an "inset" border style to form fields so that's what you're seeing there.

If this answer solved your question, please mark it as the solution.

Alyssa Wilie Profile Image

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner
Lynton's HubSpot theme Rubric now available. Click to download.
0 Upvotes