Giả lớp placeholder-shown

Giả lớp placeholder-shown thiết lập kiểu dáng cho input hoặc textarea, khi phần tử đó đang hiển thị văn bản gợi ý (placeholder), văn bản này sẽ biến mất sau khi người dùng bắt đầu nhập.

Cú pháp

cssbộ chọn:placeholder-shown {}

Ví dụ

Hãy đặt viền màu đỏ cho input khi nó đang hiển thị văn bản gợi ý, và sau khi người dùng nhập, viền sẽ chuyển sang màu xanh lá:

html<form>
  <input placeholder="nhập văn bản">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Xem thêm