Seseorang tahu bagaimana saya dapat mengubah warna teks, setelah Pengguna memilih tanggal? Jika memungkinkan, capai hanya dengan css.

Saya memiliki warna ini:

input[type="date"]::-webkit-datetime-edit-text { color: #dbdbdb }
input[type="date"]::-webkit-datetime-edit-month-field { color: #dbdbdb; }
input[type="date"]::-webkit-datetime-edit-day-field { color: #dbdbdb; }
input[type="date"]::-webkit-datetime-edit-year-field { color: #dbdbdb; }

Jadi, setelah tanggal pilihan Pengguna, saya ingin mengubah warna teks/placeholder input ini.

0
Ikkyy 28 Mei 2020, 15:09

1 menjawab

Jawaban Terbaik


Anda dapat mencapainya dengan membuat bidang input diperlukan dan kemudian menggunakan elemen semu untuk bidang input.

.form-control:valid {
  color: green;
}
.form-control:invalid {
  color: black;
}
   <input type="date" class="form-control" placeholder="Your input" required>

Jika Anda tidak ingin membuat bidang wajib diisi, Anda dapat menggunakan elemen semu "placeholder-shown".

input:not(:placeholder-shown) {
  color: green;
}

input:placeholder-shown {
  color: black;
}

Mungkin menjangkau lebih banyak perangkat daripada hanya menggunakan teknologi WebKit

0
f.overflow 28 Mei 2020, 12:28