Blitz - WPT: input-number-base-appearance-rendering.tentative.html

wpt / css / css-forms / input-number-base-appearance-rendering.tentative.html

/css/css-forms/input-number-base-appearance-rendering.tentative.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="input-number-base-appearance-rendering-ref.tentative.html">

<input type="number" value=50 style="appearance:base">

<style>
body {
  font-family: monospace;
  background-color: black;
  color: green;
}
input {
  /* Without setting the width, we would be relying on intrinsic sizing which
   * is not specified or interoperable. */
  width: 150px;
}
</style>

/css/css-forms/input-number-base-appearance-rendering-ref.tentative.html

<!DOCTYPE html>
<div>50</div>
<style>
body {
  font-family: monospace;
  background-color: black;
  color: green;
}
div {
  width: 150px;
  border: 1px solid;
  box-sizing: border-box;
}
</style>