Config Router

  • Google Sheets
  • CCNA Online training
    • CCNA
  • CISCO Lab Guides
    • CCNA Security Lab Manual With Solutions
    • CCNP Route Lab Manual with Solutions
    • CCNP Switch Lab Manual with Solutions
  • Juniper
  • Linux
  • DevOps Tutorials
  • Python Array
You are here: Home / Making a that’s a link in HTML

Making a

August 1, 2021 by James Palmer

You asked for a link that looks like a button, so use a link and a button 🙂 This will preserve default browser button styling. The button by itself does nothing, but clicking it activates its parent link.
Demo:

IMPORTANT: in any html validator like https://validator.w3.org and you’ll get an error. There’s really no point in using a button if you’re not using the button. Just style the with css to look like a button. If you’re using a framework like Bootstrap, you could apply the button style(s) btn, btn-primary etc.
jsfiddle : button styled link

.btnStack {

font-family: Oswald;

background-color: orange;

color: white;

text-decoration: none;

display: inline-block;

padding: 6px 12px;

margin-bottom: 0;

font-size: 14px;

font-weight: normal;

line-height: 1.428571429;

text-align: center;

white-space: nowrap;

vertical-align: middle;

cursor: pointer;

border: 1px solid transparent;

border-radius: 4px;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

-o-user-select: none;

user-select: none;

}

a.btnStack:hover {

background-color: #000;

}

stackoverflow.com

Related

Filed Under: Uncategorized

Recent Posts

  • How do I give user access to Jenkins?
  • What is docker volume command?
  • What is the date format in Unix?
  • What is the difference between ARG and ENV Docker?
  • What is rsync command Linux?
  • How to Add Music to Snapchat 2021 Android? | How to Search, Add, Share Songs on Snapchat Story?
  • How to Enable Snapchat Notifications for Android & iPhone? | Steps to Turn on Snapchat Bitmoji Notification
  • Easy Methods to Fix Snapchat Camera Not Working Black Screen Issue | Reasons & Troubleshooting Tips to Solve Snapchat Camera Problems
  • Detailed Procedure for How to Update Snapchat on iOS 14 for Free
  • What is Snapchat Spotlight Feature? How to Make a Spotlight on Snapchat?
  • Snapchat Hack Tutorial 2021: Can I hack a Snapchat Account without them knowing?

Copyright © 2025 · News Pro Theme on Genesis Framework · WordPress · Log in