移动端去掉按钮button默认样式
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>移动端去掉按钮button默认样式</title> <style type="text/css"> * { margin: 0; padding: 0; } body { padding: 100px; } button { width: 200px; height: 50px; background-color: red; border-radius: 10px; border: none; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } </style> </head> <body> <button type="button">按钮</button> </body> </html>
作者:孟繁贵 Email:meng010387@126.com 期待共同进步!