我想要一个按钮来改变颜色,而用户单击了按钮但尚未释放(在移动设备上:当用户触摸按钮时)。
为了改变颜色我做了 :
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 ”状态。
最佳答案
您是否尝试过设置非 Activity 颜色
input[type='button']{
background-color:#f0f0f0;
}
在这里设置正常状态颜色
关于android - Firefox for Android 上的 Activity 元素问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72079015/