diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-pseudo/placeholder-inherit.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-pseudo/placeholder-inherit.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-pseudo/placeholder-inherit.html b/testing/web-platform/tests/css/css-pseudo/placeholder-inherit.html new file mode 100644 index 0000000000..cf1c100fda --- /dev/null +++ b/testing/web-platform/tests/css/css-pseudo/placeholder-inherit.html @@ -0,0 +1,20 @@ +<!doctype html> +<title>CSS Pseudo Test: ::placeholder inherits from its originating element</title> +<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#treelike"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> + input { background-color: green; } + input::placeholder { + color: green; + background-color: inherit; + } +</style> +<input id="inp" type="text"> +<script> + test(() => { + const style = getComputedStyle(inp, "::placeholder"); + assert_equals(style.color, "rgb(0, 128, 0)", "Check that ::placeholder is supported via color"); + assert_equals(style.backgroundColor, "rgb(0, 128, 0)", "::placeholder inheriting background-color"); + }, "::placeholder should inherit from its originating element"); +</script> |