/
🔗

Make a button element look like a link

https://piccalil.li/quick-tip/make-a-button-element-look-like-a-link/
css
css
.link-button {
display: inline;
padding: 0;
border: 0;
font: inherit;
cursor: pointer;
background: transparent;
color: currentColor;
-webkit-appearance: none;
text-decoration: underline;
}

ℹ️ It is worth noting that buttons cannot look exactly like an a element because browsers override the display property and force it to act like display: inline-block despite what you define. The one exception is display: contents but there are quite a few catches with that property; more alarmingly, that the element semantics are completely removed which is a nightmare for accessibility. Read more about it here: scottohara.me/blog/2...ns.html

Edit this page
Want to make your own site like this?
Try gatsby-theme-code-notes by Zander Martineau.
Notes on code. My second brain, by Zander Martineau.