Как убрать странную границу с градиента текста в сафари? - PullRequest
Новая
       16

Как убрать странную границу с градиента текста в сафари?

0 голосов
/ 06 апреля 2020

текстовый градиент в сафари создает ошибку, которой нет в Firefox или Chrome. Я использую Safari 13.0.5. Смотрите скриншот

Снимок экрана проблемы

Я пытаюсь добавить градиент для текста с этим кодом: 

.vs-plus-text {
  max-height: 500px;
  width: auto;
  visibility: visible;
  padding: 25px;
  overflow: hidden;
  z-index: 100;
}

.p1 {
  background: -webkit-linear-gradient(#ab1d5b, #d92c48);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
<div class="vs-plus-text hover-plus-vs12 hover-plus-res">
  <p class="p1">Lorem ipsum</p>
</div>

Попытка добавить поле, отступ, высоту строки и т.д. c, но когда я удаляю эту "верхнюю или левую границу", я получаю границу Другая сторона. Свойство границы не влияет на него.

Я нашел похожую или почти точную проблему, но решения не найдено.

Ссылка на похожую проблему

Спасибо за помощь.

...