CSS Dropdown无法在移动浏览器中使用

Question

我根据此链接中提供的教程使用了CSS下拉：https://www.w3schools.com/css/css_dropdowns.asp 但它不适用于Opera Mini和其他一些移动浏览器。 请给我解决方案来修改上面教程中给出的css。

Answer 1

您需要使用:hover＆amp; CSS中的:focus伪类。移动设备上不存在:hover。

所以

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

变为

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