Pseudo-class :placeholder-shown trong CSS

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

CSS :placeholder-shown Pseudo-class được sử dụng để chọn và thiết lập phong cách cho bất kỳ văn bản placeholder hiện đang hiển thị nào <input> hoặc <textarea> phong cách của phần tử.

Lưu ý:Còn có thể sử dụng ::placeholder sử dụng pseudo-element để thiết lập phong cách cho văn bản placeholder.

Mô hình

Chọn và thiết lập phong cách cho bất kỳ thẻ <input> nào hiện đang hiển thị văn bản placeholder:

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

Thử ngay

Ngữ pháp CSS

:placeholder-shown {
  các quy định css;
}

Chi tiết kỹ thuật

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ợ hoàn toàn pseudo-class.

Trang liên quan

Tham khảo:伪元素 ::placeholder trong CSS