HTML5 là một trình văn bản giữ chỗ trước cho một khung nhập liệu như khung search. Đa số nó thể hiện là những thông tin gợi ý cho người xem khi nhập liệu hoặc thông báo, mẫu, mô tả cho kiểu trường dữ liệu sẽ được nhập vào.
. Như hình thì dòng text Tìm kiếm tiếng Việt... là một dạng của placeholderTuy nhiên, mặc định với mọi trình duyệt thì màu sắc của placeholder là màu xám xịt. Và để thay đổi màu sắc của nó, ta có thể sử dụng thuộc tính
::placeholder được CSS hỗ trợ.Thay đổi màu sắc input placeholder bằng CSS
Với mỗi trình duyệt sẽ có một cách khai báo thuộc tính khác nhau. Tuy nhiên ở hầu hết các trình duyệt phiên bản mới nhất hiện này đều sử dụng chung cách khai báo là:::placeholder
Chrome 4.0
:-webkit-input-placeholder
Safari 5.0
:-webkit-input-placeholder
Opera 15.0
:-webkit-input-placeholder
IE 10.0
:-ms-input-placeholder
IE > 12.0
:-webkit-input-placeholder
Microsoft Edge
::-ms-input-placeholder
Ví dụ sử dụng
Thay đổi màu sắc toàn bộ placeholer text thành màu đỏ::placeholder {
color:red;
}