Grow your CSS skills. Land your dream job.

Webkit Box Shadow Inset Issue

  • # May 5, 2010 at 12:33 pm

    I am trying use an box shadow inset on my search field in the header of http://216.122.61.35/. This works fine, but when doing so with a border-radius applied, it looks funky in webkit browsers. Take a look at the link in chrome vs ff and you can see that the box shadow inset is displaying with rounded border corners (as desired), but in addition, there is a square border as well. Andy idea as to how to fix this? Is it a browser bug?

    # May 11, 2010 at 10:21 am

    I can’t see a difference. can you add some screen shots?

    # May 12, 2010 at 1:14 pm

    Here they are…

    # May 12, 2010 at 2:57 pm

    this may help:

    http://www.sitepoint.com/blogs/2010/04/ … d-corners/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".