layout/reftests/css-placeholder/css-simple-styling.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     1 <!DOCTYPE html>
     2 <html>
     3   <!--
     4     This test checks that a few allowed CSS properties have an effect when
     5     applied to ::-moz-placeholder.
     6   -->
     7   <style>
     8     /*
     9      * We need to set some properties on the <input> because its size will
    10      * depend on its font.
    11      */
    12     input, textarea {
    13       font: -moz-list;
    14       font-family: mono;
    15       font-style: italic;
    16     }
    18     :-moz-any(input, textarea)::-moz-placeholder {
    19       opacity: 1.0;
    20       font: -moz-list;
    21       font-family: mono;
    22       font-style: italic;
    23       color: blue;
    24       word-spacing: 5px;
    25       text-shadow: 1px 1px 1px red;
    26     }
    27   </style>
    28   <body>
    29     <input placeholder='foo bar'>
    30     <textarea placeholder='foo bar'></textarea>
    31   </body>
    32 </html>

mercurial