Grow your CSS skills. Land your dream job.

Inset box-shadow, border-radius and Chrome

  • # February 2, 2011 at 2:53 pm

    I’ve been playing around with some properties.

    Most recently I used and inset box-shadow and had border-radius applied to the same element. This works perfectly in firefox and safari, but Chrome doesn’t seem to play nicely. The inset doesn’t round with the border-radius, it starts insetting in the ‘square’ corners.

    A good example of this is when you click on start a new-discussion. The focus state has these two properties applied to it.

    My question is: Does this happen in Chrome on mac too?

    # February 2, 2011 at 3:55 pm

    It does on my girlfriends MacPro with Chrome. I’ve read in a few articles that it has been fixed in the dev channel of Chrome. Shouldn’t be long until it’s fixed in the main channel.

    # February 3, 2011 at 1:39 am

    Awesome, thanks =)

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

You must be logged in to reply to this topic.

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