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

Unified Diff: third_party/WebKit/LayoutTests/fast/forms/textarea/textarea-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/textarea/textarea-placeholder-pseudo-style.html
diff --git a/third_party/WebKit/LayoutTests/fast/forms/textarea/textarea-placeholder-pseudo-style.html b/third_party/WebKit/LayoutTests/fast/forms/textarea/textarea-placeholder-pseudo-style.html
index fb72a9cee5ce17a19964b295b1e7167cfcf62826..7d666804998cf6ed4050b2885582e94b9792466a 100644
--- a/third_party/WebKit/LayoutTests/fast/forms/textarea/textarea-placeholder-pseudo-style.html
+++ b/third_party/WebKit/LayoutTests/fast/forms/textarea/textarea-placeholder-pseudo-style.html
@@ -1,10 +1,56 @@
+<!DOCTYPE html>
<style>
textarea.red::-webkit-input-placeholder {
color: rgb(100, 0, 0);
}
+
+.blue::placeholder {
+ color: blue;
+ font-weight: bold;
+ font-size: 16px;
+}
+
+.blue {
+ width: 135px;
+ height: 30px;
+}
+
+.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>
-<textarea class="red" placeholder="text"></textarea>
-<textarea class="red" disabled placeholder="disabled text"></textarea>
+This tests that you can set the placeholder text color.
+
+<div>
+Default style:
<textarea placeholder="default"></textarea>
<textarea disabled placeholder="default disabled"></textarea>
+</div>
+
+<div>
+::-webkit-input-placeholder:
+<textarea class="red" placeholder="text"></textarea>
+<textarea class="red" disabled placeholder="disabled text"></textarea>
+</div>
+
+<div>
+::placeholder:
+<textarea class="blue" placeholder="text"></textarea>
+<textarea class="blue" disabled placeholder="disabled text"></textarea>
+</div>
+
+<div>
+Both:
+<textarea class="prefixed-unprefixed" placeholder="unprefixed"></textarea>
+<textarea class="unprefixed-prefixed" placeholder="prefixed"></textarea>
+</div>

Powered by Google App Engine
This is Rietveld 408576698