Invalid Input Field
CODE
×
HTML
<div class='form-floating mb-6 error'> <input type=email value='54870' class='form-control is-invalid' placeholder='Placeholder-Text' id='input-error'> <label class='error' for='input-error'>Name of form element</label> </div>
CSS
input[type=email].form-control.is-invalid { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-s); line-height: var(--lh-m); border-top-left-radius: var(--br2-1); border-top-right-radius: var(--br2-2); border-bottom-left-radius: var(--br2-3); border-bottom-right-radius: var(--br2-4); } label.error { color: var(--fec) !important; } .form-control:focus { box-shadow: none; } .form-control:focus-visible { box-shadow: 0 0 0 1px var(--bsc1); border-color: var(--bsc1) !important; } label { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-s); line-height: var(--lh-s); color: var(--fc2); }
JS
Invalid Input Field
Last Edit: Aug 18, 2023, 11:32am
×
Name of form element