2011-06-26 29 views
16

thể trùng lặp:
Change an input's HTML5 placeholder color with CSSTạo trình giữ chỗ cho đầu vào, làm cách nào tôi có thể thực hiện việc này?

Ví dụ, tôi có điều này:

<input type='search' placeholder='Search' name='q' /> 

Làm thế nào tôi có thể tạo kiểu giữ chỗ với CSS? Theo mặc định, nó có màu xám, nhưng tôi muốn nó có màu đen. Tôi có phải sử dụng JavaScript để thay thế không?

+0

vì vậy rõ ràng, điều này đã được yêu cầu. vài lần. Nhưng vẫn là một câu hỏi hay cho những người yêu thích stackoverflow, nhưng đằng sau tất cả mọi thứ html5 đã cung cấp. http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – matchew

Trả lời

11

không có cách tiêu chuẩn và không phải mọi trình duyệt đều hỗ trợ trình giữ chỗ.

Something như thế này nên làm điều đó .:

/* prefix with input if you want, but this will catch input and texatrea */ 
    ::-webkit-input-placeholder { color: #000;} 
    :-moz-placeholder { color: #000; } 

http://jsfiddle.net/CHG46/

nếu bạn muốn trình duyệt cũ và mới để hỗ trợ placeholder (IE6-9) dường như có một plugin jquery (s), đây là một, https://github.com/mathiasbynens/Placeholder-jQuery-Plugin tuy nhiên, trước đây tôi chưa sử dụng.

0
input[placeholder="Search"] 
{ 
color: red 
} 
+0

Chỉ có các màu đầu vào với trình giữ chỗ màu đỏ đó, không phải chính trình giữ chỗ đó. –

+0

Điều này sẽ tạo kiểu cho văn bản * đã nhập * vào bất kỳ đầu vào nào có phần giữ chỗ "Tìm kiếm", nhưng nó sẽ không tạo kiểu cho văn bản trình giữ chỗ. – Gareth

+0

http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – Jawad

Các vấn đề liên quan