wpt / css / css-pseudo / first-line-and-placeholder.html

Status: PASS | Duration: 7ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-pseudo/first-line-and-placeholder.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>Interaction of ::first-line and ::placeholder</title>
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#placeholder-pseudo">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-line-pseudo">
<link rel="match" href="first-line-and-placeholder-ref.html">
<meta name="assert" content="Tests ::placeholder interaction with ::first-line pseudo element">
<style>
input::first-line {
    background-color: initial;
}

input::placeholder {
    color: red;
}
</style>
<form>
  <input placeholder="this text should be red">
</form>

/css/css-pseudo/first-line-and-placeholder-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<style>
input::placeholder {
    color: red;
}
</style>
<form>
  <input placeholder="this text should be red">
</form>