Кнопка мигает, когда я нажимаю на нее [закрыто] ⇐ Html

[Anonymous]

Я думаю, что это ожидаемое поведение, но я хочу избавиться от него. Это пример кнопки CSS: < /p>


.botton {
background-color: white;
cursor: pointer;
transition: background-color 0.15s ease-in-out;
}

.button:hover {
background-color: black; // doesn't metter what bg collor, the main thing it is different from default
}< /code>
< /div>
< /div>
< /p>
Теперь, когда я наведу кнопку, курсор изменялся от стрелки на указатель и цвет цвета фона с замедленным эффектом движения, который запускается стилями транзитина. Все хорошо здесь.
Когда я нажимаю на кнопку и удерживаю - ничего не изменилось. Здесь также все хорошо. Это выглядит как мигание - фон изменился по умолчанию и обратно, а также курсор изменился на стрелку и обратно на указатель. Это занимает 0,1 секунды. Однако с тех пор, как я использую эффект перехода, он выглядит как отставание.
Есть ли способ остановить это преобразование от зависания -> по умолчанию -> Вернуться к наведению в то время, когда я выпускаю кнопку мыши?>

Подробнее здесь: https://stackoverflow.com/questions/796 ... lick-on-it