Inputfield (Date to)
CODE
×
HTML
<div class='date-to floating-label'> <input type=text value='' class='floating-label datepicker' placeholder='Datum bis'> <img class='datepicker-img' src='img/datepicker.svg'> <label class='floating-label date-to'>Datum bis</label> </div>
CSS
@media screen and (max-width: 767px) { div.date-to.floating-label { float: none; clear:both; margin-top: 20px; margin-bottom: 20px; width: 100%; } } input[type=text].floating-label.datepicker { padding-right: 62px !important; } img.datepicker-img { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 29px; height: 29px; } div.date-to.floating-label > input[type=text].floating-label.datepicker { margin-top: 0; margin-bottom: 0; width: calc(100% - 59px); } div.date-to.floating-label > img.datepicker-img { position: absolute; top: 14px; right: 15px; } img.datepicker-img:hover, img.datepicker-img:focus { } label.floating-label.date-to { top: -19px; } input[type=text].floating-label { padding-right: 62px; } label.floating-label { font-size: 13px; line-height: 17px; font-family: 'Roboto'; font-style: normal; font-weight: 400; position:absolute; -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out; top: 1px; left: 23px; background-color: #fff; padding: 2px 5px; opacity:1; }
JS
Inputfield (Date to)
Letzte Änderung: 15.01.2025 - 11:02 Uhr
×
Datum bis