Html ：焦点在某些浏览器的下拉列表中不起作用
我正在尝试创建一个移动垂直下拉菜单，但我在使用Html ：焦点在某些浏览器的下拉列表中不起作用,html,css,mobile,menu,dropdown,Html,Css,Mobile,Menu,Dropdown,我正在尝试创建一个移动垂直下拉菜单，但我在使用：focus显示子菜单项时遇到问题 我找到了一种解决方法，对子菜单使用：focus，对子菜单项使用：focus 此解决方案正在运行，仅显示Google Chrome的子菜单项，而其他浏览器（如三星互联网和UC浏览器）除了子菜单的：focus外，不显示任何子菜单项 我通过使用：hover找到了另一个解决方案，它几乎适用于所有浏览器 我有两个问题： 为什么它只与chrome一起工作 如何对子菜单及其项使用：focus 使用的CSS： 。主导航a{
：focus：focus：focus
此解决方案正在运行，仅显示Google Chrome的子菜单项，而其他浏览器（如三星互联网和UC浏览器）除了子菜单的：focus
外，不显示任何子菜单项
我通过使用：hover
找到了另一个解决方案，它几乎适用于所有浏览器
我有两个问题：
- 为什么它只与chrome一起工作
- 如何对子菜单及其项使用
：focus
使用的CSS：
。主导航a{
颜色：黑色；
显示：块；
填充：10px 3px 10px 3px；
字体大小：20px；
文本对齐：居中；
字体系列：“hayah”；
边界半径：25px；
过渡：边界半径0.2s缓进；
}
.主导航a:悬停{
背景#D7D7D7；
边界半径：25px 25px 0；
-webkit过渡：边界半径0.1s，易于插入；
-moz过渡：边界半径0.1s缓进；
-o型过渡：边界半径0.1s缓进；
过渡：边界半径0.1s缓进；
显示：块；
}
.main nav ul{
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
不透明度：0；
最大高度：0；
溢出：隐藏；
背景色：#D9D9D9；
颜色：黑色；
边缘底部：10px；
边缘顶部：5px；
边界半径：0 0 25px 25px；
字体大小：12px；
}
.主导航ul li:悬停ul{
不透明度：1！重要；
最大高度：400px！重要；
颜色：黑色；
背景色：#E2；
显示：块；
}
如果不了解如何实现HTML，就很难知道什么答案最适合这种情况<代码>：无法很好地支持：hover：focus