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..6bfb8a0b18923d220d3639510478c2e6727b5b00 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 |
@@ -2,9 +2,54 @@ |
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> |