Question

手机端css怎么实现active改变点击的元素背景色？

我在手机上测试hover 有bug，然后active在手机上不管用？

Answer 1

1. :active选择器用于选择活动链接。

2. 当在一个链接上点击时，它就会成为活动的激活的。

3. :active选择器适用于所有元素，不仅限于链接a元素。

4. :focus，:focus 选择器用于选取获得焦点的元素。

5. 仅接收键盘事件或其他用户输入的元素允许 :focus 选择器。

1. a{display：block，width：60px，height:40px，把每个导航超链接a标签都设置成块儿，设置好尺寸，具体根据图片的尺寸。

2. 不做成块儿，就无法设置宽高，也就看不到你设置的背景图片。

3. a:hover{background:url(images/bg_2.jpg);}举例的这个bg_2.jpg就是鼠标放上去之后先是的背景图片。

   

Answer 2

//需要在CSS样式里这样写，.share这个样式点击效果可以是背景色，或者是背景图。
.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;
}

Answer 3

哥们，你理解错了，不是手机上hover有bug，而是手机触摸根本就没（悬停）hover这个状态。
百度下：触摸屏事件

追问

谢谢兄台指点，唯求一简单实现效果的代码，我还不会手机的touch事件，我一直做的pc页面，用的还是jquery……谢谢

追答

那比较麻烦，你得用js或jq写段小脚步，把要有效果的a全部循环出来，然后判断状态给当前触发的a添加一个class

Answer 4

在移动端js里写入

document.body.addEventListener('touchstart', ()=>{}); 

加在window.onload里面

Answer 5

你发错吧了