Просмотренные ссылки - как выделить цветом при кастомных стилях

[Krasi]

У меня есть обычная ссылка вида

<a href="http://meurch.ru">Meurch</a>

Она синяя. Когда по ней переходишь, она становится фиолетовой. Мы все это свойство давно помним, причем интересно, что при перезагрузке страницы браузер запоминает это состояние - ссылка так и остается фиолетовой.

Но далее я дал свои стили:

<a href="http://meurch.ru" style="text-decoration: none; color: white; background: red; border: 1px solid red">Meurch</a>

При этом мы получили кнопку, но мы не можем посмотреть ее состояние - перешли мы по ней или нет. Если оставить text-decoration, то текст будет синим или фиолетовым, а нам надо белым его видеть. Но вот background при переходе можно изменить на yellow, например.

Как я могу это провернуть, и что вообще за магия фиолетового, о которой я не знаю. Переход запоминается где-то в Кеше браузера, получается?

[Valick]

CSS свойство a: visited

[Krasi]

Что-то у меня не работает, не хочет вот так менять background, например, хотя color меняет

a:visited {
  color: gold;
  border: 1px solid red;
  padding: 10px 10px;
}

Должны все стили применяться, или это нормально, что только color работает?

[Valick]

color: gold;
border: 1px solid red;
padding: 10px 10px;

который из них по вашему background?

[macomics]

Вот это поможет разобраться

[Krasi]

Окей, кое-что понял, но прописал вот так, а у меня теперь все время серые кнопочки

<style>
.ahref1{background: #921A1D; border: 0px solid #921A1D; border-radius: 1.8rem; color: white; margin: 5px 5px; padding: 5px 3px;} 
a.ahref1:visited{ background: gray; color: white;} 
a.ahref1:hover{background: red; color: white;}
</style>

В чем дело?

[Krasi]

не, стоп. Почистил кеш - все работает! Спасибо большое!

[Arigato]

Сообщение от Krasi

Почистил кеш - все работает!

В браузере надо обновлять страницу комбинацией Ctrl + F5, чтобы внешние стили подгрузились.

[Valick]

Arigato, у него стили подгрузились, просто все ссылки уже были посещённые ранее.