按下按钮时背景颜色为深色

Question

我尝试实现一个带有来回按钮的旋转木马。当我在我的电脑上按按钮时没有问题，但是当我在我的手机上按按钮时，背景颜色变成灰色。

形象无论是在我的CSS还是在我的HTML是背景色，可以干扰…

.prev-screen,
.next-screen {
align-self: stretch;
background: none;
border: 0;
margin-top: 40px;
color: rgba(#000, 0.25);
cursor: pointer;
font-size: 24px;
opacity: 1;
outline: none;
padding: 16px;
transform: scale(1);
z-index: 1000;
&:hover,
&:active {
color: #000;
transform-origin: center;
transform: scale(1.25);
}
&:disabled {
opacity: 0;
}
}

是什么导致了黑色的背景?

Answer 1

您提供的CSS没有准确描述您为更改背景颜色所编写的内容。您编写了什么代码来将活动类添加到后台?不管怎样，这可能是因为你设置了事件监听器来改变css属性…如果它只能在PC上运行，而不能在手机上运行……这也许能帮到你?或者至少给你指路…….