CMS Development

JLittle2
Mitwirkender/Mitwirkende

Form Fields Have Drop Shadow

lösung

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 Akzeptierte Lösung
alyssamwilie
Lösung
Trendsetter/-in | Elite Partner
Trendsetter/-in | Elite Partner

Form Fields Have Drop Shadow

lösung

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.

Lösung in ursprünglichem Beitrag anzeigen

0 Upvotes
1 Antwort
alyssamwilie
Lösung
Trendsetter/-in | Elite Partner
Trendsetter/-in | Elite Partner

Form Fields Have Drop Shadow

lösung

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