Added styled placeholder text for WebKit.

ruiwen · Aug 1, 2010 · 6df24ff · 6df24ff
1 parent ae3b374
commit 6df24ff
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/assets/stylesheets/form.css b/assets/stylesheets/form.css
@@ -5,6 +5,10 @@
 	-- Buttons are unaffected. Native OS style.
 */
 
+::-webkit-input-placeholder {
+	color: #000;
+}
+
 input,
 button,
 select,

diff --git a/dark.html b/dark.html
@@ -235,7 +235,7 @@ <h1>
 						Textarea
 					</label>
 					<br />
-					<textarea id="textarea" name="textarea" rows="3"></textarea>
+					<textarea id="textarea" name="textarea" rows="3" placeholder="This is an example of HTML5 placeholder text."></textarea>
 				</p>
 				<table class="horiz">
 					<tr>

diff --git a/light.html b/light.html
@@ -235,7 +235,7 @@ <h1>
 						Textarea
 					</label>
 					<br />
-					<textarea id="textarea" name="textarea" rows="3"></textarea>
+					<textarea id="textarea" name="textarea" rows="3" placeholder="This is an example of HTML5 placeholder text."></textarea>
 				</p>
 				<table class="horiz">
 					<tr>
@@ -258,7 +258,7 @@ <h1>
 								Text
 							</label>
 							<br />
-							<input type="text" id="text" name="text" />
+							<input type="text" id="text" name="text" placeholder="Example placeholder" />
 						</td>
 					</tr>
 					<tr>

diff --git a/mixed.html b/mixed.html
@@ -235,7 +235,7 @@ <h1>
 						Textarea
 					</label>
 					<br />
-					<textarea id="textarea" name="textarea" rows="3"></textarea>
+					<textarea id="textarea" name="textarea" rows="3" placeholder="This is an example of HTML5 placeholder text."></textarea>
 				</p>
 				<table class="horiz">
 					<tr>