Floating label (visible)
CODE
×
HTML
<span class='floating-label open'>Label</span>
CSS
span.floating-label.open { font-size: 13px; line-height: 17px; font-family: 'Roboto'; font-style: normal; font-weight: 400; -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; margin-top: -20px; } div.selectbox.valid > span.floating-label, div.selectbox-m.valid > span.floating-label { left: 18px !important; } span.floating-label { font-size: 13px; line-height: 17px; -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:0; display:block; color: var(--black); } div.selectbox.valid > span.floating-label, div.selectbox-m.valid > span.floating-label { left: 18px !important; }
JS
Floating label (visible)
barrierefrei
Letzte Änderung: 08.03.2023 - 14:03 Uhr
×
Label