Question

我试图使用此代码（仅限“即将发生的事件”部分） https://codepen.io/AbhijithHebbarK/pen/boKWKE

.events-details-list{
     opacity:0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index:99;
    list-style-type: none;
    padding:15px 0px;
     background: #22303E;
}
.events-details-list li{
      padding: 0px;
    margin: 5px 15px;
    height: auto;
    text-align: center;
    color: #fff;
}
.events-details-list li,.events-details-list li:hover{
  color: #fff;
  font-size:15px;
  text-decoration: none;
}

当我尝试在手机上使用它时，我无法使用它，就好像它是一台电脑一样，悬停不工作，字体保持红色。

也许有人知道让它工作的CSS提示

感谢

Answer 1

我认为移动设备看起来不太好看。你不应该将鼠标悬停在触摸屏设备上。但是，如果你仍然希望动画发生，请将其更改为：active

Answer 2

在寻求帮助的时候，我尝试了女巫的活跃和专注，但没有成功所以回答是：

  cursor: pointer;

并悬停工作;）

为移动设备调整一些代码使用CSS / HTML

2 个答案: