Кнопка сохраняет эффект наведения после нажатия на экранах мобильных устройств. ⇐ CSS

[Anonymous]

У меня есть кнопка прокрутки вверх, которая при нажатии на нее на экранах мобильных устройств сохраняет цвет, который я установил для ее эффекта при наведении, и не возвращается к исходному цвету.

Код: Выделить всё

#back-to-top {
background: none;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
position: fixed;
bottom: 30px;
right: 20px;
color: rgb(255, 51, 0);
z-index: 99;
font-size: 2.5rem;
}

#back-to-top:hover {
color: rgb(255, 0, 140);
}

Это первоначальный цвет кнопки:
[img]https://i. stack.imgur.com/7C0Z7.png[/img]

И после нажатия на экраны мобильных устройств он сохраняет свой новый цвет, пока я не нажму где-нибудь на экране:


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

Подробнее здесь: https://stackoverflow.com/questions/703 ... le-screens