xxxxxxxxxx1
<div class="md-form mat-2 mx-auto" style="max-width: 20rem;">2
<input type="text" id="example" class="form-control">3
<label for="example">Label</label>4
</div>xxxxxxxxxx1
.md-form.mat-2 input[type=text] {2
border-width: 1px !important;3
border-style: solid;4
border-color: #ced4da;5
border-radius: 5px;6
padding-top: .5rem;7
padding-left: 8px;8
padding-right: 8px;9
padding-bottom: .3rem;10
font-size: .875rem;11
line-height: 1.5;12
}13
14
.md-form.mat-2 input[type=text]:focus {15
border-color: #4285f4;16
box-shadow: inset 0px 0px 0px 1px #4285f4;17
}18
19
.md-form.mat-2 label {20
top: .5rem;21
left: 8px;22
font-size: .875rem;23
}24
25
.md-form.mat-2 label.active {26
background: #fff;27
font-weight: 500;28
padding-right: 5px;29
padding-left: 5px;30
font-size: 11px;31
top: 1rem;32
left: 8px;33
}1
1
Console errors: 0