2

Take a look at this in both chrome and firefox: http://jsbin.com/imuxe3

As you see, it renders fine in firefox, but chrome literally ignores the -webkit-border-radius CSS rule when adding a -webkit-box-shadow with inset mode.

Can some one explain/get a solution for this?

Thanks

CodeOverload
  • 47,274
  • 54
  • 131
  • 219

2 Answers2

2

It seems to be a bug in chrome. However you can use a workaround by defining a simple border: rule.

For more Details see this: http://code.google.com/p/chromium/issues/detail?id=29427

worenga
  • 5,776
  • 2
  • 28
  • 50
2

I wondered about this recently, myself.

Although, looking at my button in Chrome dev now, it's fixed.

So you must simply wait for the fix to the issue mentioned by @mightyuhu to be pushed to the stable version of Chrome.

Community
  • 1
  • 1
thirtydot
  • 224,678
  • 48
  • 389
  • 349