Почему мои активные и посещенные ссылки не выполняют нужную команду? - PullRequest
0 голосов
/ 10 апреля 2019

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

Поэтому я установил соответствующий цвет по умолчанию, чтобы получить визуальное отличие, но он не работает при посещении страницы.

a {
  text-decoration: none;
  background: linear-gradient(to right, #4194b5 50%, #999b9b 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

a:visited {
  color: #4194b5;
}

a:hover {
  background-color: #e5f4fc;
  text-transform: uppercase;
  background-position: 0 0;
  transition: 1s;
}

a:active {
  color: #4194b5;
}

У меня есть этот эффект перехода (то естьЯ впервые использую новый код для меня), когда вы наводите указатель мыши на ссылку, и я хочу сохранить синий цвет, когда вы нажимаете ссылку, чтобы было ясно, что вы уже посетили эту ссылку.

1 Ответ

0 голосов
/ 10 апреля 2019

color не переопределяет -webkit-text-fill-color.Это разные свойства.

Если вы хотите изменить -webkit-text-fill-color на :hover, то вам нужно сделать это с помощью свойства -webkit-text-fill-color.

...