手机端css怎么实现active改变点击的元素背景色？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了手机端css怎么实现active改变点击的元素背景色？相关的知识，希望对你有一定的参考价值。
我在手机上测试hover 有bug，然后active在手机上不管用？
:active选择器用于选择活动链接。
当在一个链接上点击时，它就会成为活动的激活的。
:active选择器适用于所有元素，不仅限于链接a元素。
:focus，:focus 选择器用于选取获得焦点的元素。
仅接收键盘事件或其他用户输入的元素允许 :focus 选择器。
adisplay：block，width：60px，height:40px，把每个导航超链接a标签都设置成块儿，设置好尺寸，具体根据图片的尺寸。
不做成块儿，就无法设置宽高，也就看不到你设置的背景图片。
a:hoverbackground:url(images/bg_2.jpg);举例的这个bg_2.jpg就是鼠标放上去之后先是的背景图片。
.share
background-image: url(../image/share.png);
background-repeat: no-repeat;
background-size: 25px;
width: 25px;
height: 25px;
display: block;
text-align: center;
cursor: pointer;
float: right;
margin: 5px 20px 0 20px;
.share:active
background-image: url(../image/share2.png);
background-repeat: no-repeat;
参考技术B 哥们，你理解错了，不是手机上hover有bug，而是手机触摸根本就没（悬停）hover这个状态。
百度下：触摸屏事件追问
谢谢兄台指点，唯求一简单实现效果的代码，我还不会手机的touch事件，我一直做的pc页面，用的还是jquery……谢谢
追答那比较麻烦，你得用js或jq写段小脚步，把要有效果的a全部循环出来，然后判断状态给当前触发的a添加一个class
本回答被提问者和网友采纳 参考技术C在移动端js里写入
document.body.addEventListener('touchstart', ()=>);
加在window.onload里面
参考技术D 你发错吧了js怎么实现点击循环切换颜色
就是只有一个背景白色的div框，点击一下换成红色色，再点下又变回白色，可以循环点击。只通过js改变css实现，
求详解
...........................................
你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。
下面是小例子：
<body><div style="width:100px; height:100px; border:1px solid #ccc;"></div>
</body>
<script>
var sColor = [\'red\',\'blue\',\'yellow\',\'gray\'];
var oDiv = document.getElementsByTagName(\'div\')[0];
var iNum = 0;
oDiv.onclick = function()
this.style.background = sColor[iNum%sColor.length];
iNum++;
;
</script> 参考技术A so easy
如果是多个颜色的话可以放到颜色数组里(自己建的数组里面放需要的颜色)
如果是两个颜色切换就更简单了,获取当前的颜色设置为不同的颜色即可本回答被提问者采纳 参考技术B 通过点击事件切换图片/背景色即可，可以通过一个全局变量来记录当前的状态，每次点击更改css和状态就行了
以上是关于手机端css怎么实现active改变点击的元素背景色？的主要内容，如果未能解决你的问题，请参考以下文章