Chromium Code Reviews Chromium Code Reviews
Issue 2509593002:
Implement ::placeholder CSS selector. (Closed)
| 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 |
