Cách thực hiện - Thay đổi màu trình giữ chỗ
Tìm hiểu cách thay đổi màu của thuộc tính trình giữ chỗ bằng CSS.
Màu trình giữ chỗ
Bước 1) Thêm HTML:
Sử dụng một phần tử đầu vào và thêm thuộc tính giữ chỗ:
Thí 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 ::placeholder
bộ chọn không chuẩn. 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.
Thí dụ
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Mẹo: Đọc thêm về :: công cụ chọn trình giữ chỗ trong Tham chiếu CSS của chúng tôi: CSS :: Thuộc tính trình giữ chỗ .