xxxxxxxxxx
button {
background: none!important;
border: none;
padding: 0!important;
/*optional*/
font-family: arial, sans-serif;
/*input has OS specific font-family*/
color: #069;
text-decoration: underline;
cursor: pointer;
}
xxxxxxxxxx
.button {
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}
<a href="#" class="button">Example</a>
xxxxxxxxxx
<!-- VIA HTML -->
<form action="https://google.com">
<input type="submit" value="Go to Google" />
</form>
<!-- VIA CSS -->
<a href="https://google.com" class="button">Go to Google</a>
a.button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-decoration: none;
color: initial;
}
<!-- VIA JAVASCRIPT -->
<input type="button" onclick="location.href='https://google.com';" value="Go to Google" />
xxxxxxxxxx
<button onclick="window.location.href='https://example.com'">Click me</button>
xxxxxxxxxx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Link</title>
</head>
<body>
<h1>Button Link Example</h1>
<!-- Button acting as a hyperlink -->
<button onclick="window.location.href='https://www.example.com'">Visit Example</button>
</body>
</html>
xxxxxxxxxx
button.link {
display: inline-block;
position: relative;
background-color: transparent;
cursor: pointer;
border: 0;
padding: 0;
color: #00f;
text-decoration: underline;
font: inherit;
}
xxxxxxxxxx
<form><script src="https://cdn.razorpay.com/static/widget/subscription-button.js" data-subscription_button_id="pl_JEC3C62WFNsFzm" data-button_theme="brand-color" async> </script> </form>