Cách thực hiện - Thay đổi màu giữ chỗ
Tìm hiểu cách thay đổi màu của thuộc tính giữ chỗ bằng CSS.
Màu giữ chỗ
Hãy tự mình thử »Bước 1) Thêm HTML:
Sử dụng phần tử đầu vào và thêm thuộc tính giữ chỗ:
Ví dụ
<input type="text" placeholder="A red placeholder text..">
Bước 2) Thêm CSS:
Trong hầu hết các trình duyệt, văn bản giữ chỗ có màu xám. Để thay đổi điều này, hãy tạo kiểu cho trình giữ chỗ bằng bộ chọn ::placeholder
. Lưu ý rằng Firefox thêm độ mờ thấp hơn cho trình giữ chỗ, vì vậy chúng tôi sử dụng opacity: 1
để khắc phục điều này.
Ví dụ
::placeholder {
color: red;
opacity: 1; /* Firefox */
}
::-ms-input-placeholder
{ /* Edge 12 -18 */
color: red;
}
Hãy tự mình thử »Mẹo: Đọc thêm về bộ chọn ::placeholder trong Tài liệu tham khảo CSS của chúng tôi: CSS ::placeholder selector .