CSS :: Công cụ chọn trình giữ chỗ
Thí dụ
Thay đổi màu của văn bản chỗ dành sẵn của trường nhập:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Định nghĩa và Cách sử dụng
Bộ ::placeholder
chọn chọn các phần tử biểu mẫu có văn bản giữ chỗ và cho phép bạn tạo kiểu cho văn bản chỗ dành sẵn.
Văn bản trình giữ chỗ được đặt bằng thuộc tính trình giữ chỗ, thuộc tính này chỉ định gợi ý mô tả giá trị mong đợi của trường đầu vào.
Mẹo: Màu mặc định của văn bản chỗ dành sẵn là màu xám nhạt trong hầu hết các trình duyệt.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Các số theo sau -webkit-, -moz- hoặc -ms- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Cú pháp CSS
::placeholder {
css declarations;
}