Cách thay đổi màu của Placeholder

Học cách sử dụng CSS để thay đổi màu của thuộc tính Placeholder.

Thử ngay

Cách thay đổi màu của Placeholder

Bước 1 - Thêm HTML:

Sử dụng phần tử đầu vào và thêm placeholder Thuộc tính:

<input type="text" placeholder="Một văn bản placeholder màu đỏ..">

Bước 2 - Thêm CSS:

Trong hầu hết các trình duyệt, văn bản Placeholder là màu xám. Để thay đổi cài đặt này, hãy sử dụng ::placeholder chọn器 để đặt phong cách Placeholder.

Lưu ý, Firefox đã thêm độ mờ thấp hơn cho Placeholder, vì vậy chúng ta sử dụng mờ: 1 để giải quyết vấn đề này.

::placeholder {
  màu: đỏ;
  mờ: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  màu: đỏ;
{}

Thử ngay

Trang liên quan

Tài liệu tham khảo:Chọn器 CSS ::placeholder