android - Firefox for Android 上的 Activity 元素问题

Question

我想要一个按钮来改变颜色，而用户单击了按钮但尚未释放(在移动设备上:当用户触摸按钮时)。
为了改变颜色我做了 :

input[type='button']:active{
  background-color:#415575;
}

为了禁用移动设备上的文本选择(当用户触摸并按住时)，我做了 :

@media only screen and (max-width: 600px) {
    #test_btn {
      -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome, Edge, Opera and Firefox */
    }

Codepen
此解决方案适用于台式机。
它也适用于 Android Chrome、iOS Chrome 和 iOS Firefox 的 Mobile，但不适用于 Android Firefox(在 99.2.0 上测试)。在 Android Firefox触摸结束时颜色不会变回原来的颜色。换句话说，即使在触摸结束后，元素似乎仍处于“Activity ”状态。

Answer 1

您是否尝试过设置非 Activity 颜色

input[type='button']{
  background-color:#f0f0f0;
}

在这里设置正常状态颜色