Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(107)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/forms/text/placeholder-pseudo-style.html

Issue 2509593002: Implement ::placeholder CSS selector. (Closed)
Patch Set: Test fix, etc. Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698