xxxxxxxxxx1
<div class="form-outline m-3">2
<input type="text" id="form12" class="form-control" />3
<label class="form-label" for="form12">Example label</label>4
</div>xxxxxxxxxx1
#form12{2
color: #FF1744;3
border: 1px solid #FF1744;4
background-color: #E6EE9C;5
}6
#form12.active{7
border: 1px solid #FF1744; 8
}9
input:focus {10
border: 1px solid #FF1744;11
}12
13
.form-outline .form-control:focus~.form-notch .form-notch-leading {14
border-top: .125rem solid #00B74A;15
border-bottom: .125rem solid #00B74A;16
border-left: .125rem solid #00B74A;17
}18
.form-outline .form-control:focus~.form-notch .form-notch-middle {19
border-bottom: .125rem solid;20
border-color: #00B74A;21
}22
23
.form-outline .form-control:focus~.form-notch .form-notch-trailing {24
border-color: currentcolor currentcolor currentcolor #00B74A;25
border-bottom: .125rem solid #00B74A;26
border-right: .125rem solid #00B74A;27
border-top: .125rem solid #00B74A;28
}29
30
.form-outline .form-control:focus~.form-label {31
color: #00B74A;32
} 33
34
.form-label {35
color: pink !important;36
}1
1
Console errors: 0