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

[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>
Теперь, когда я навечу кнопку, курсор изменился от стрелки на указатель и изменения цвета фона с замедленным эффектом движения, который запускается стилями транзитина. Все хорошо здесь.
Когда я нажимаю на кнопку и удерживаю - ничего не изменилось. Здесь также все хорошо. Это выглядит как мигание - фон изменился по умолчанию и обратно, а также курсор изменился на стрелку и обратно на указатель. Это занимает 0,1 секунды. Однако с тех пор, как я использую эффект перехода, он выглядит как отставание.
Есть ли способ остановить это преобразование от зависания -> по умолчанию -> Вернуться к паряке в то время, когда я выпускаю кнопку мыши?

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