Стили CSS не применяются к кнопке: как убрать синюю подсветку при нажатии? ⇐ CSS

[Anonymous]

Я разрабатываю веб-приложение с помощью pycharm, используя HTML, CSS и JS. В настоящее время у меня возникли проблемы с кнопкой загрузки, которая предназначена для запуска загрузки исходного кода. Я все еще учусь, но не могу найти решение.
Проблема: когда вы нажимаете и удерживаете кнопку «Загрузить», происходит нежелательное визуальное поведение, когда она становится синей. Конечно, мне не нужно его удерживать, но даже при кратковременном нажатии появляется синий цвет.
кнопка загрузки gif
Это CSS код, который у меня есть:

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

.btn-primary {
background-color: #fc3e00;
border: none;
border-radius: 5px;
transition: background-color 0.3s ease, transform 0.2s ease;
color: white;
appearance: none;
}

.btn-primary:hover {
background-color: #b80c09;
}

.btn-primary:focus {
outline: none !important;
box-shadow: none !important;
background-color: #b80c09;
}

.btn-primary:active {
background-color: #b80c09;
transform: scale(0.95);
box-shadow: none !important;
}

Это HTML:

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

    













Viewie - Source Code Visualizer



Welcome to Viewie: A Code Source Visualizer!
Input your Python, Javascript, or Java Code :D




Upload

Я попробовал установить отсутствие контура и тень блока, но это не сработало. Я видел здесь то же самое решение для мобильных устройств, но я не видел ничего для немобильных устройств, если только я не слепой. Я также обновил страницу и приложение. Я также попробовал другой браузер, так как сейчас использую Firefox.

Подробнее здесь: https://stackoverflow.com/questions/791 ... t-on-click