Skip to content

Instantly share code, notes, and snippets.

@diegoleondev
Created June 12, 2022 16:13
Show Gist options
  • Save diegoleondev/ac90fbea848ce205962b09fd5e92a08b to your computer and use it in GitHub Desktop.
Save diegoleondev/ac90fbea848ce205962b09fd5e92a08b to your computer and use it in GitHub Desktop.
Reset <Button> with CSS
button {
appearance: none;
color: white;
text-align: center;
align-items: flex-start;
background-color: orange;
padding: 1px 6px;
border: none;
outline: none;
}
button:active {
border-style: none;
}
button:hover {...}
/* User agent: https://developer.mozilla.org/en-US/docs/Glossary/User_agent*/
button:focus-visible {
outline: black auto 1px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment