xxxxxxxxxx
1
<div class="form-outline m-4 bg-black">
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
18
19
.form-label {
20
color: #ffaabb !important;
21
}
22
23
#form1 {
24
color:#ffaabb ;
25
}
1
1
Console errors: 0