Password Field
CODE
×
HTML
<div class='form-floating mb-6 pw'> <input type=password value='' class='form-control' placeholder='Your password' id='input-2'> <label for='input-2'>Password</label> </div>
CSS
input[type=password].form-control { 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); color: var(--fc2); border-color: var(--lc5); 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 { 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); } .form-control:focus { box-shadow: none; } .form-control:focus-visible { box-shadow: 0 0 0 1px var(--bsc1); border-color: var(--bsc1) !important; }
JS
Password Field
Last Edit: Aug 18, 2023, 11:31am
×
Password