Effect of touch button on mobile terminal , You can make it clear that something is going to happen to the user , It's a better experience , But there is no mouse pointer in the mobile device , use css Of hover It doesn't meet our needs , Fortunately, there is an activation abroad css Of active effect , The code is as follows :

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
name="viewport"> <style> .btn{ display: block; position: relative; top: 100px;
margin: 20px; width: 200px; height: 50px; line-height: 50px; text-align:
center; border-radius: 5px; font-size: 18px; color: salmon; background-color:
skyblue; } .btn-on{ background-color: slateblue; } </style> </head> <body> <div
class="btn"></div> <script> var btn=document.querySelector(".btn");
btn.ontouchstart=function(){ this.className="btn btn-on"; }
btn.ontouchend=function(){ this.className="btn"; } </script> </body> </html>

Technology
©2019-2020 Toolsou All rights reserved,
Java Swing JList: List box components Accurate mobile phone number capture , Big data of operators The difference between memory overflow and memory leak , Causes and Solutions Website mobile phone number capture method stay Vue Use in Web Worker3 species Python data structure ,13 Creation methods , This is the conclusion , Great ! What's the difference in server prices ? Basic definition and use of function ‘ To be continued SQL Server Database Glossary Chrome OS, For programmers and Windows What does it mean ? Internet Marketing