Это должно решить вашу проблему.
что<div>
элементы отображают border / border-radius правильно, но любой<a>
или же<button>
с заданным фоном, границей и радиусом границы цвет фона или изображения отображается в виде квадрата, и только граница является круглой. Пробная настройка<a>
& <button>
вdisplay: block
или жеdisplay: inline-block
но это не сработало.
Есть ли известный обходной путь?
Вот ссылка на вычисленный стиль из Webkit:https://gist.github.com/773719
Вот вычисленный стиль из инструментов разработчика IE9:
Обновить Использование фильтра :; или -ms-фильтр :; свойство иметь градиенты в IE заставляет фон вырваться из заданного border-radius.