Не корректно работает вместе overflow hidden + border radius?

Question

[warwar556]

Обычная кнопка с ховером со сменой цвета.

При наведении остается еле заметный белый круг
Как победить?

Comments

[lUser L]

а кнопка то где ?

spoiler

залей сюда код: https://codepen.io/

[Андрей Гончаров]

Каким-то магическим макаром эта комбинация стилей стала сбоить в последнее время безбожно. ПРОВЕРЯЙ ios обязательно, там только хаками будет лечиться баг этих св-тв. А конкретно твой случай - это уж так отрендерил браузер. Можешь потыкать transforn3d, backface-visibility и will-change просто от балды, может что и полечит твой случай. Или размеры попробуй по пикселям туда сюда потягать.

[v3shin]

Нужен код в песочнице.
Но, полагаю, достаточно сделать обводку кнопке, а не ее контейнеру.

[Ankhena]

Вообще не понятно зачем там overflow hidden использовать. Сверстайте нормально без него.

Answer 1

[Ankhena]

Зачем вам вообще overflow hidden для этой кнопки?
Все ведь очень просто: https://jsfiddle.net/o5cskfxL/

Answer 2

[Elvin_Fich]

border radius увеличивай

Comments

[warwar556]

Для круга стоит 50% или 50px, если ставить больше, то не помогает.

Answer 3

[MeMoJlor]

Попробуй задать цвет border аналогичному заливке.

Comments

[warwar556]

Один и тот же цвет