Inputfield (File-Upload)
CODE
×
HTML
<div class='file-upload floating-label' tabindex="0"> <input type=file value='' class='file-upload invalid' tab-index="-1"> <span class='placeholder'>Tabellarischer Lebenslauf</span> <img class='file-upload-img' src='img/Upload Icon 1.svg'> </div>
CSS
input[type=file].file-upload.invalid { color: var(--black); margin-top: 0; margin-bottom: 0; padding-right: 90px; } img.file-upload-img { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 59px; height: 59px; } span.placeholder { display:block; font-size: 16px; line-height: 26px; line-height: 125%; color: var(--black); margin-bottom: 12px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } div.file-upload.floating-label > span.placeholder { position: absolute; top: 20px; left: 28px; } div.file-upload.floating-label > img.file-upload-img { position: absolute; top: -1px; right: 0px; } input[type=file].file-upload.invalid:hover, input[type=file].file-upload.invalid:focus { background-image: url('../img/Upload Icon Hover.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; } img.file-upload-img:hover, img.file-upload-img:focus { } div.file-upload.floating-label:hover > img.file-upload-img, div.file-upload.floating-label:focus > img.file-upload-img { top: -5px; }
JS
Inputfield (File-Upload)
Letzte Änderung: 15.01.2025 - 11:03 Uhr
×
Tabellarischer Lebenslauf