CSS ::placeholder 伪元素

Định nghĩa và cách sử dụng

CSS ::placeholder Pseudo-element được sử dụng để đặt <input> hoặc <textarea> Kiểu dáng văn bản của văn bản placeholder của phần tử.

Văn bản placeholder được đặt bởi thuộc tính placeholder, thuộc tính này mô tả gợi ý cho giá trị mong đợi của trường.

Lưu ý:Trong hầu hết các trình duyệt, màu mặc định của văn bản placeholder là xám nhạt.

Mô hình

Thay đổi màu và độ mờ của văn bản placeholder trong trường nhập liệu:

input::placeholder {
  color: red;
  opacity: 0.5;
}

Thử ngay

CSS Cú pháp

::placeholder {
  css declarations;
}

Chi tiết kỹ thuật

Phiên bản: CSS Pseudo-elements Module Level 4

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-element.

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

Trang liên quan

CSS Tham khảo::placeholder-shown 伪类