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
bộ 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á:
<form>
<input placeholder="nhập văn bản">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
Xem thêm
-
thuộc tính
placeholder,
thiết lập văn bản gợi ý cho trường nhập liệu -
giả phần tử
placeholder,
thiết lập kiểu dáng cho chính văn bản gợi ý
