treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Inset box-shadow, border-radius and Chrome

  • 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?
  • 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.
  • Awesome, thanks =)