css-simple-styling.html (865B)
1 <!DOCTYPE html> 2 <html> 3 <!-- 4 This test checks that a few allowed CSS properties have an effect when 5 applied to ::placeholder or ::-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 } 17 18 [placeholder="foo bar"]::placeholder, 19 [placeholder="bar foo"]::-moz-placeholder { 20 opacity: 1.0; 21 font: -moz-list; 22 font-family: mono; 23 font-style: italic; 24 color: blue; 25 word-spacing: 5px; 26 text-shadow: 1px 1px 1px red; 27 } 28 </style> 29 <body> 30 <input placeholder='foo bar'> 31 <textarea placeholder='foo bar'></textarea> 32 <input placeholder='bar foo'> 33 <textarea placeholder='bar foo'></textarea> 34 </body> 35 </html>