Добавить границу к посещаемым изображениям и старым ссылкам

Question

Я использую A:visited { color: red ! important } в Стиле, чтобы изменить цвет URL, которые я уже посетил. Но есть две проблемы с этим кодом:

• Работает только над текстами, а иногда ссылка только встраивается в изображение.
• Это не окрашивает старые ссылки. Если я нажимаю ссылку HTTP, но сайт теперь работает с HTTPS, этот код бесполезен.

Я попытался решить проблему с изображением, используя границы вокруг посещенных изображений с этим кодом A:visited { border-image: 4px solid red }

но это не сработало, и я понятия не имею, почему.

Answer 1

Стили, к которым вы можете применить :visited очень ограничены по соображениям безопасности.

https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

Вы по-прежнему сможете визуально оформлять посещаемые ссылки, но теперь есть ограничения на то, какие стили вы можете использовать. Только следующие свойства могут быть применены к посещенным ссылкам:

• цвет
• фоновый цвет
• цвет границы (и его подсвойства)
• план-цвет
• Цветные части свойств заливки и обводки