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