HTML
xxxxxxxxxx
1
<div class="form-outline always-active-label my-3">
2
<input type="text" id="form12" class="form-control" />
3
<label class="form-label" for="form12">Example label</label>
4
</div>
CSS
xxxxxxxxxx
1
.form-outline.always-active-label .form-label {
2
transform: translateY(-1rem) translateY(0.1rem) scale(.8);
3
}
4
5
.form-outline.always-active-label .form-notch-middle {
6
border-right: none;
7
border-left: none;
8
border-top: 1px solid transparent !important;
9
}
JS
1
1
Console errors: 0