почему шрифт поля пароля Bootstrap 4 Form имеет неожиданное подчеркивание? - PullRequest
Новая
       12

почему шрифт поля пароля Bootstrap 4 Form имеет неожиданное подчеркивание?

0 голосов
/ 25 июня 2018

Неожиданное подчеркивание, встречающееся в шрифте поля пароля , и эта форма находится внутри модуса начальной загрузки 4 here is the image

<form method="post">
    <div class="form-group">
        <label for="username"><u>Username:</u></label>
        <input type="text" class="form-control" id="username" name="username" 
        autocomplete="off" autofocus required>
    </div>
    <div class="form-group"> 
         <label for="password"><u>Password:<u></label>
         <input type="password" class="form-control" id="password" 
         name="password" autocomplete="off" required>
         <a href="#">Forgot password?</a>
    </div>

    <div class="form-check">
        <label class="form-check-label" for="check">
             <input type="checkbox" class="form-check-input" id="check">Remember me
        </label>
    </div>
    <center>
         <button type="submit" name="login-btn" class="btn btn-success">Login</button>
    </center>
</form>

HTML-код 

.form-control,.form-control:focus{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    color: white;
    background: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.form-check{
    margin-top: 50px;
}

.form-check-input{
    margin-top: .4rem;
    width: 15px;
    height: 15px;
}

CSS я применил, я также попробовал text-украшение: нет; и в основном я могу сказать, что это не граница .входное поле Граница белая

Ответы [ 2 ]

0 голосов
/ 25 июня 2018

Скорее всего, проблема связана с этой строкой: 

<label for="password"><u>Password:<u></label>

Вам нужно исправить разметку и использовать закрывающий </u>

<label for="password"><u>Password:</u></label>

См. Скрипку: https://jsfiddle.net/gjLwxk2v/6/

0 голосов
/ 25 июня 2018

Пожалуйста, обновите ваш вопрос с кодом.

Попробуйте: 

style="border: none !important"

или: 

style="text-decoration: none !important"

на вашем входном div.

...