xxxxxxxxxx
1
<div class="form-outline m-4">
2
<input type="text" id="form1" class="form-control border-0" />
3
<label class="form-label" for="form1">Example label</label>
4
</div>
xxxxxxxxxx
1
.form-outline .form-control:focus~.form-notch .form-notch-leading {
2
border-top: .125rem solid #ffaabb;
3
border-bottom: .125rem solid #ffaabb;
4
border-left: .125rem solid #ffaabb;
5
}
6
7
.form-outline .form-control:focus~.form-notch .form-notch-trailing {
8
border-top: .125rem solid #ffaabb;
9
border-right: .125rem solid #ffaabb;
10
border-bottom: .125rem solid #ffaabb;
11
}
12
13
.form-outline .form-control:focus~.form-notch .form-notch-middle {
14
border-top: 0;
15
border-bottom: .125rem solid #ffaabb;
16
}
17
.form-outline .form-control~.form-notch .form-notch-leading {
18
border-radius: 10px 0 0 10px;
19
}
20
21
.form-outline .form-control~.form-notch .form-notch-trailing {
22
border-radius: 0 10px 10px 0;
23
}
24
25
.form-label {
26
color: #ffaabb !important;
27
}
1
1
Console errors: 0