xxxxxxxxxx
1
<div class="form-outline my-5 mx-2" style='width: 300px;'>
2
<input type="text" id="form12" class="form-control" />
3
<label class="form-label" for="form12">Example label</label>
4
</div>
xxxxxxxxxx
1
.form-outline:not(:focus-within) label {
2
opacity: 0.65;
3
left: 50% !important;
4
top: 50% !important;
5
transform: scale(0.85) translate(-50%, -50%);
6
}
1
1
Console errors: 0