• Live group demo of Marketing Hub + Data Agent

    Standardize reporting, reduce manual work, and introduce AI without cleanup

    Join us on March 12
  • Ready to build your local HubSpot community?

    HUG leaders host events, spark connections, and create spaces where people learn and grow together.

    Become a HUG Leader

Form Fields Have Drop Shadow

JLittle2
Contributor

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

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 Developer & CMS Specialist | HubSpot CMS, Email Development, Platform Implementation & Content Operations

LinkedIn | Blog

View solution in original post

0 Upvotes
1 Reply 1
alyssamwilie
Solution
Recognized Expert

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 Developer & CMS Specialist | HubSpot CMS, Email Development, Platform Implementation & Content Operations

LinkedIn | Blog

0 Upvotes