diff options
Diffstat (limited to 'layout/reftests/css-placeholder/css-simple-styling.html')
| -rw-r--r-- | layout/reftests/css-placeholder/css-simple-styling.html | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/layout/reftests/css-placeholder/css-simple-styling.html b/layout/reftests/css-placeholder/css-simple-styling.html new file mode 100644 index 000000000..bfecc19c8 --- /dev/null +++ b/layout/reftests/css-placeholder/css-simple-styling.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> + <!-- + This test checks that a few allowed CSS properties have an effect when + applied to ::placeholder or ::-moz-placeholder. + --> + <style> + /* + * We need to set some properties on the <input> because its size will + * depend on its font. + */ + input, textarea { + font: -moz-list; + font-family: mono; + font-style: italic; + } + + [placeholder="foo bar"]::placeholder, + [placeholder="bar foo"]::-moz-placeholder { + opacity: 1.0; + font: -moz-list; + font-family: mono; + font-style: italic; + color: blue; + word-spacing: 5px; + text-shadow: 1px 1px 1px red; + } + </style> + <body> + <input placeholder='foo bar'> + <textarea placeholder='foo bar'></textarea> + <input placeholder='bar foo'> + <textarea placeholder='bar foo'></textarea> + </body> +</html> |