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

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

Issue 2509593002: Implement ::placeholder CSS selector. (Closed)
Patch Set: <!DOCTYPE html> 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/fast/forms/text/placeholder-pseudo-style.html
diff --git a/third_party/WebKit/LayoutTests/fast/forms/text/placeholder-pseudo-style.html b/third_party/WebKit/LayoutTests/fast/forms/text/placeholder-pseudo-style.html
index 23cb50901bc22cfd963e0ebce97bc78c8dc09c01..d9ca95e48498f8bf23db11196cb8bfd705be4276 100644
--- a/third_party/WebKit/LayoutTests/fast/forms/text/placeholder-pseudo-style.html
+++ b/third_party/WebKit/LayoutTests/fast/forms/text/placeholder-pseudo-style.html
@@ -1,12 +1,53 @@
+<!DOCTYPE html>
<style>
input.red::-webkit-input-placeholder {
color: rgb(100, 0, 0);
}
+
+.blue::placeholder {
+ color: blue;
+}
+
+.prefixed-unprefixed::-webkit-input-placeholder {
+ color: red;
+}
+.prefixed-unprefixed::placeholder {
+ color: blue;
+}
+
+.unprefixed-prefixed::placeholder {
+ color: blue;
+}
+.unprefixed-prefixed::-webkit-input-placeholder {
+ color: red;
+}
</style>
-This tests that you can set the placeholder text color.<br>
+This tests that you can set the placeholder text color.
+
+<div>
+Default style:
+<input placeholder="default">
+<input placeholder="default disabled">
+</div>
+
+<div>
+::-webkit-input-placeholder:
<input class="red" placeholder="text">
<input class="red" type="search" placeholder="search">
<input class="red" type="password" placeholder="password">
<input class="red" disabled placeholder="disabled text">
-<input placeholder="default">
-<input placeholder="default disabled">
+</div>
+
+<div>
+::placeholder:
+<input class="blue" placeholder="text">
+<input class="blue" type="search" placeholder="search">
+<input class="blue" type="password" placeholder="password">
+<input class="blue" disabled placeholder="disabled text">
+</div>
+
+<div>
+Both:
+<input class="prefixed-unprefixed" placeholder="unprefixed">
+<input class="unprefixed-prefixed" placeholder="prefixed">
+</div>

Powered by Google App Engine
This is Rietveld 408576698