Blitz - WPT: input-color-base-appearance-rendering.html

wpt / css / css-forms / input-color-base-appearance-rendering.html

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

<input type="color" value="#ff0000" style="appearance:base">

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

/css/css-forms/input-color-base-appearance-rendering-ref.html

<!DOCTYPE html>
<div><span></span></div>

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

div {
    box-sizing: border-box;
    background-color: transparent;

    border: 1px solid green;

    border-radius: 0.5em;

    min-block-size: 24px;
    min-inline-size: 24px;

    display: inline-flex;

    overflow: clip;
}

span {
    background-color: #ff0000;
    display: block;
    inline-size: stretch;
    block-size: stretch;
    box-sizing: border-box;
}
</style>