Blitz - WPT: button-base-appearance-rendering.html

wpt / css / css-forms / button-base-appearance-rendering.html

/css/css-forms/button-base-appearance-rendering.html

<!DOCTYPE html>
<link rel=author href="mailto:lwarlow@igalia.com">
<link rel=help href="https://drafts.csswg.org/css-forms-1">
<link rel=match href="button-base-appearance-rendering-ref.html">

<button type="button" style="appearance:base">value</button>

<style>
body {
  font-family: monospace;
  font-size: 16px;
  background-color: black;
  color: green;
}
</style>

/css/css-forms/button-base-appearance-rendering-ref.html

<!DOCTYPE html>
<div>value</div>
<style>
body {
  background-color: black;
}
div {
  color: green;
  font-family: monospace;
  font-size: 16px;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid currentColor;

  padding-block: 0.25em;
  padding-inline: 0.5em;

  border-radius: 0.5em;

  display: inline-flex;
}
</style>