Почему chrome игнорирует радиус границы, если задана внутренняя тень блока?

Question

Взгляните на это как в Chrome, так и в Firefox: http://jsbin.com/imuxe3

Как видите, в Firefox он хорошо отрисовывается, но Chrome буквально игнорирует правило CSS -webkit-border-radius при добавлении -webkit-box-shadow сinset mode.

Может кто-нибудь объяснить / получить решение для этого?

Спасибо

Answer 1

Я сам недавно задумался об этом .

Хотя, глядя на мою кнопку в Chrome dev теперь исправлено.

Так что вам нужно просто подождать, пока исправление проблемы, упомянутой @mightyuhu, будет перенесено в стабильную версию Chrome.

Answer 2

Кажется, это ошибка в Chrome. Однако вы можете использовать обходной путь, задав простую границу: rule.

Для более подробной информации смотрите это: http://code.google.com/p/chromium/issues/detail?id=29427