свойство border-image плохо рендерится в Safari и iOS - PullRequest
Новая
       10

свойство border-image плохо рендерится в Safari и iOS

0 голосов
/ 11 сентября 2018

Чтобы получить округленные точки на моей пунктирной границе, я использую следующее в моем CSS 

{
    border: dotted #78af00;
    border-image-repeat: round;
    border-image-slice: 26% 30%;
    border-image-source: url('dots.svg');
    border-image-width: 0 5px 0 0;
}

, который прекрасно работает на chrome / firefox (см. Изображение ниже)

enter image description here

Однако то же самое на сафари выглядит следующим образом (удлиненные точки):

enter image description here

ивыглядит еще хуже на мобильных устройствах Apple (отлично работает на Android).Мне нужна помощь, чтобы понять, как это исправить, чтобы у меня был общий вид на всех платформах и в браузерах?

...