javascript - 移动端按钮点击

查看:104
本文介绍了javascript - 移动端按钮点击的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

新手求大神解答,我想在移动实现按钮点击点击前一个颜色,点击时一个背景色,松开后一个背景色。

解决方案

参考:Safari Web Content Guide

<button ontouchstart="">click me for funny</button>

button {
  background-color: lightgrey;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
button:hover {
  background-color: grey;
}
button:active {
  background-color: red;
}

demo

这篇关于javascript - 移动端按钮点击的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆