Стилизация input type=“date”
819
09 августа 2017, 17:48
Как сделать иконку календаря вместо стрелок в поле ввода даты, как здесь?
Answer 1
Добрый день!
<input type="date" />
Не всегда работает корректно - допустим в IE. Попробуйте использовать DatePicker jQuery UI. В том числе есть расширенная вариация DateRangePicker - Позволяет выбирать диапазоны дат, и достаточно гибко настраивается.
Answer 2
Для Хрома:
::-webkit-calendar-picker-indicator {
color: transparent;
opacity: 1;
background: url(//www.gravatar.com/avatar/cbfaff96665b7567defe1b34a883db8b?s=16&d=identicon&r=PG) no-repeat center;
background-size: contain;
}<input type=date>
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47555 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30493 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23626 visits
- Как через css изменить цвет png изображения? 10348 visits
- Blob video url download 9956 visits
- Php curl запрос через прокси с авторизацией 9208 visits
- Работа с captcha vk api 8092 visits
© "hostciti.net" 20.11.2024 | 19:29