CSS Dropdown не работает в мобильных браузерах

Question

Я использовал раскрывающийся список CSS на основе учебника, приведенного в этой ссылке: https://www.w3schools.com/css/css_dropdowns.asp но он не работает в Opera Mini и некоторых других мобильных браузерах. Пожалуйста, дайте мне решение изменить CSS, приведенный в предыдущем уроке.

Answer 1

Вам нужно использовать :hover & :focus псевдоклассы в вашем CSS. :hover не существует на мобильных устройствах.

Так

.dropdown:hover .dropdown-content {
    display: block;
}

становится

.dropdown:hover .dropdown-content,
.dropdown:focus .dropdown-content {
    display: block;
}