移动端怎么写长按链接显示灰色背景?

html-css012

移动端怎么写长按链接显示灰色背景?,第1张

一般可以直接使用css的hover进行设置。

如果不可以就看你用的什么框架,一般框架会带有移动端长按事件,在事件内部更改背景就可以了。

如果没有使用框架,用原生js实现的话就需要用户按下的时间差,到达一定值就认为是长按。

使用css 来实现

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8" /> 

<title>a背景颜色改变</title> 

<style> 

.divcss5-abc a{ color:#000}/* css注释说明:超链接颜色为黑色 */ 

.divcss5-abc a:hover{ background:#00F color:#FFF} 

/* css 注释说明:鼠标经过悬停超链接时字体颜色为白色,背景为蓝色*/ 

</style> 

</head> 

 

<body> 

<div class="divcss5-abc"> 

欢迎来到<a href="http://www.divcss5.com/">divcss5</a> 

</div> 

</body> 

</html>