OLD | NEW |
| 1 <!DOCTYPE html> |
1 <style> | 2 <style> |
2 input.red::-webkit-input-placeholder { | 3 input.red::-webkit-input-placeholder { |
3 color: rgb(100, 0, 0); | 4 color: rgb(100, 0, 0); |
4 } | 5 } |
| 6 |
| 7 .blue::placeholder { |
| 8 color: blue; |
| 9 } |
| 10 |
| 11 .prefixed-unprefixed::-webkit-input-placeholder { |
| 12 color: red; |
| 13 } |
| 14 .prefixed-unprefixed::placeholder { |
| 15 color: blue; |
| 16 } |
| 17 |
| 18 .unprefixed-prefixed::placeholder { |
| 19 color: blue; |
| 20 } |
| 21 .unprefixed-prefixed::-webkit-input-placeholder { |
| 22 color: red; |
| 23 } |
5 </style> | 24 </style> |
6 This tests that you can set the placeholder text color.<br> | 25 This tests that you can set the placeholder text color. |
| 26 |
| 27 <div> |
| 28 Default style: |
| 29 <input placeholder="default"> |
| 30 <input placeholder="default disabled"> |
| 31 </div> |
| 32 |
| 33 <div> |
| 34 ::-webkit-input-placeholder: |
7 <input class="red" placeholder="text"> | 35 <input class="red" placeholder="text"> |
8 <input class="red" type="search" placeholder="search"> | 36 <input class="red" type="search" placeholder="search"> |
9 <input class="red" type="password" placeholder="password"> | 37 <input class="red" type="password" placeholder="password"> |
10 <input class="red" disabled placeholder="disabled text"> | 38 <input class="red" disabled placeholder="disabled text"> |
11 <input placeholder="default"> | 39 </div> |
12 <input placeholder="default disabled"> | 40 |
| 41 <div> |
| 42 ::placeholder: |
| 43 <input class="blue" placeholder="text"> |
| 44 <input class="blue" type="search" placeholder="search"> |
| 45 <input class="blue" type="password" placeholder="password"> |
| 46 <input class="blue" disabled placeholder="disabled text"> |
| 47 </div> |
| 48 |
| 49 <div> |
| 50 Both: |
| 51 <input class="prefixed-unprefixed" placeholder="unprefixed"> |
| 52 <input class="unprefixed-prefixed" placeholder="prefixed"> |
| 53 </div> |
OLD | NEW |