CodePen Embed - css-where-2

<button>버튼 1</button>
<input type="button" value="버튼 2" />
<input type="reset" value="초기화" />
<input type="submit" value="제출" />

:where(button, input[type="button"], input[type="reset"], input[type="submit"]) {
  appearance: none;
  cursor: pointer;
  margin: 0;
  border: none;
  border-radius: 1em;
  padding: 0.5em 1em;
  color: white;
  font-weight: bold;
  background: royalblue;
}

/* button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  appearance: none;
  cursor: pointer;
  margin: 0;
  border: none;
  border-radius: 1em;
  padding: 0.5em 1em;
  color: white;
  font-weight: bold;
  background: royalblue;
} */


/* Layout Style */
body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  gap: 1em;
}

This Pen is owned by Dale Seo on CodePen.

See more by @daleseo on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.