Как полностью вырезать кнопки браузера Opera со страницы?
Есть видео на странице, растянутое на всю ширину контейнера. При скроле по видео оно начинает лагать из-за кнопок оперы: "RGX", "Открыть в окне".
В инспекторе нашёл эти кнопки, но display:none !important; не скрывает их:
<div class="button-container"> <div class="custom-button-wrapper"> <div class="custom-button" id="video-detach-button" aria-label="Detach button"> <div class="custom-button-contents custom-button-image"> <div class="image"></div> </div> <div class="custom-button-contents custom-button-text"></div> </div> </div> <div class="custom-button-wrapper"> <div class="custom-button" id="send-by-qrcode-button" aria-label="Send video to phone" disabled=""> <div class="custom-button-contents custom-button-image"> <div class="image"></div> </div> <div class="custom-button-contents custom-button-text"></div> </div> </div> <div class="rgx-button-wrapper" aria-label="RGX Mode Button"> <div class="rgx-button-overlay"> <div class="rgx-button enabled-button" id="lucid-mode-button"> <div class="image"></div> </div> <div class="rgx-button-text"></div> <div class="rgx-button compare-button" disabled=""> <div class="image"></div> </div> </div> </div> </div> |
<div class="button-container"> <div class="custom-button-wrapper"> <div class="custom-button" id="video-detach-button" aria-label="Detach button"> <div class="custom-button-contents custom-button-image"> <div class="image"></div> </div> <div class="custom-button-contents custom-button-text"></div> </div> </div> <div class="custom-button-wrapper"> <div class="custom-button" id="send-by-qrcode-button" aria-label="Send video to phone" disabled=""> <div class="custom-button-contents custom-button-image"> <div class="image"></div> </div> <div class="custom-button-contents custom-button-text"></div> </div> </div> <div class="rgx-button-wrapper" aria-label="RGX Mode Button"> <div class="rgx-button-overlay"> <div class="rgx-button enabled-button" id="lucid-mode-button"> <div class="image"></div> </div> <div class="rgx-button-text"></div> <div class="rgx-button compare-button" disabled=""> <div class="image"></div> </div> </div> </div> </div>
Дополнительно:
Ответы:
Можно попробовать так:
#detach-button-host { display: none !important; } |
#detach-button-host { display: none !important; }
Можно попробовать на js по таймауту скрывать блок с id "detach-button-host"
- проблема в том что дисплей нон стоит на них, но из-за них все равно лагает хотя их нету.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для полного удаления кнопок браузера Opera с веб-страницы можно использовать следующий CSS код:
button, a.button { display: none !important; }
Этот код скроет все элементы кнопок на странице, включая кнопки форм, ссылки и другие элементы с классом "button".
Однако, следует учитывать, что удаление стандартных элементов управления браузером может привести к нежелательным последствиям для пользователей. Например, они могут столкнуться с проблемами при навигации по сайту или использовании функций браузера, таких как кнопки "Назад" и "Вперед".
Вместо полного удаления кнопок браузера, рекомендуется разработать дизайн страницы таким образом, чтобы кнопки не мешали ее функциональности или внешнему виду. Можно также использовать специальные CSS стили или JavaScript скрипты для переопределения стандартного поведения кнопок браузера.
Таким образом, прежде чем принимать решение о полном удалении кнопок браузера, стоит внимательно продумать потенциальные последствия и альтернативные способы решения проблемы.