<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="
https://fonts.googleapis.com">
<link rel="preconnect" href="
https://fonts.gstatic.com" crossorigin>
<link href="
https://fonts.googleapis.com/css2?family=Prompt&display=swap" rel="stylesheet">
<style>
.myButton {
box-shadow:inset 0px 1px 0px -50px #fff6af;
background:linear-gradient(to bottom, #fb8c00 5%, #ffab23 100%);
background-color:#fb8c00;
border-radius:13px;
display:inline-block;
cursor:pointer;
color:#fde0dc;
font-family:prompt;
font-size:15px;
font-weight:bold;
padding:10px 25px;
text-decoration:none;
text-shadow:0px 0px 18px #ffee66;
width: 90px;
height: 20px;
position: absolute;
top: 20%;
left: 26%;
margin-top: -10px;
margin-left: -10px;
}
.myButton:hover {
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
background-color:#ffab23;
}
.myButton:active {
position:relative;
top:1px;
}
</style>
</head>
<body>
<a href="#" class="myButton">CLICK HERE</a>
</body>
</html>
อันนี้ผมทำในgooglesiteมันเป็นโค้ดปุ่มอะครับพอผมใช้ในคอมมันก็ลิ้งกดเข้าไปได้ปกติเเต่ทำไมในโทรศัพท์ถึงกดเข้าลิ้งไม่ได้ครับ
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Prompt&display=swap" rel="stylesheet">
<style>
.myButton {
box-shadow:inset 0px 1px 0px -50px #fff6af;
background:linear-gradient(to bottom, #fb8c00 5%, #ffab23 100%);
background-color:#fb8c00;
border-radius:13px;
display:inline-block;
cursor:pointer;
color:#fde0dc;
font-family:prompt;
font-size:15px;
font-weight:bold;
padding:10px 25px;
text-decoration:none;
text-shadow:0px 0px 18px #ffee66;
width: 90px;
height: 20px;
position: absolute;
top: 20%;
left: 26%;
margin-top: -10px;
margin-left: -10px;
}
.myButton:hover {
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
background-color:#ffab23;
}
.myButton:active {
position:relative;
top:1px;
}
</style>
</head>
<body>
<a href="#" class="myButton">CLICK HERE</a>
</body>
</html>