diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-pseudo/file-selector-button-inherit.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-pseudo/file-selector-button-inherit.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-pseudo/file-selector-button-inherit.html b/testing/web-platform/tests/css/css-pseudo/file-selector-button-inherit.html new file mode 100644 index 0000000000..4947e5e353 --- /dev/null +++ b/testing/web-platform/tests/css/css-pseudo/file-selector-button-inherit.html @@ -0,0 +1,20 @@ +<!doctype html> +<title>CSS Pseudo Test: ::file-selector-button 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::file-selector-button { + color: green; + background-color: inherit; + } +</style> +<input id="inp" type="file"> +<script> + test(() => { + const style = getComputedStyle(inp, "::file-selector-button"); + assert_equals(style.color, "rgb(0, 128, 0)", "Check that ::file-selector-button is supported via color"); + assert_equals(style.backgroundColor, "rgb(0, 128, 0)", "::file-selector-button inheriting background-color"); + }, "::file-selector-button should inherit from its originating element"); +</script> |