Code fix lỗi elementor form không hiện placeholder ở trường date và time

Thông thường khi làm elementor form, trường ngày (date), giờ (time) không hiện placeholder trên mobile như hình bên dưới

Nguyên nhân không hiện placeholder của trường ngày/giờ trên một số trình duyệt trên thiết bị di động?

Các nhãn cho thông tin nhập ngày/giờ không được tất cả các trình duyệt hỗ trợ đúng cách, đặc biệt là các trình duyệt trên thiết bị di động. Đây là lý do tại sao phần giữ chỗ có thể không phải lúc nào cũng hiển thị.

Cách giải quyết

Đây không phải là vấn đề riêng của Elementor. Đây là một vấn đề chung của các form. Không có giải pháp hoàn hảo nào để giải quyết vấn đề này, nhưng bạn có thể thêm mã như sau vào  phần Tab nâng cao > CSS tùy chỉnh

.flatpickr-mobile:before {
  content: attr(placeholder);
  color: gray;
}

.flatpickr-mobile:focus[value]:not([value=""]):before {
  display: none;
}

input[type="hidden"][value]:not([value=""]) + .flatpickr-mobile:before {
  display: none;
}

Và bên dưới là kết quả:

Hy vọng với đoạn code này có thể giải quyết được vấn đề của bạn vì mình chỉ chắc chắn dc 90% thôi.